diff --git a/navigation/divisions.mdx b/navigation/divisions.mdx index c48d1aef..548a1825 100644 --- a/navigation/divisions.mdx +++ b/navigation/divisions.mdx @@ -1,5 +1,5 @@ --- -title: Tabs, Anchors, Dropdowns +title: "Tabs, Anchors, Dropdowns" --- ## Tabs @@ -8,9 +8,15 @@ Tabs help distinguish between different topics or sections of your documentation. - - - + + + ```json docs.json @@ -45,9 +51,15 @@ documentation. Anchors are another way to section your content. They show up on top of your side navigation. - - - + + + The configuration is very similar to the tab configuration. We highly recommend that you set an `icon` field as well. @@ -57,25 +69,13 @@ The icon values are [fontawesome icons](https://fontawesome.com/search) "navigation": { "anchors": [ { - "anchor": "Documentation", - "icon": "book-open", - "pages": [ - "quickstart", - "development", - "navigation" - ] - } - { - "anchor": "API References", - "icon": "sqaure-terminal", - "pages": [ - "api-reference/get", - "api-reference/post", - "api-reference/delete" - ] - } + "anchor": "Community", + "icon": "people-group", + "href": "https://external-link.com/community" + }, { "anchor": "Blog", + "icon": "blog", "href": "https://external-link.com/blog" } ] @@ -85,13 +85,20 @@ The icon values are [fontawesome icons](https://fontawesome.com/search) ## Dropdowns - - - + + + Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown. We also recommend that you set an icon for each dropdown item ([options](https://fontawesome.com/search)). + ```json docs.json "navigation": { "dropdowns": [ @@ -121,7 +128,6 @@ We also recommend that you set an icon for each dropdown item ([options](https:/ } ``` - ## Nested Hierarchy You can use any combination of anchors, tabs, and dropdowns - either one can be nested within each other interchangeably. @@ -163,6 +169,7 @@ You can use any combination of anchors, tabs, and dropdowns - either one can be } ``` + ```json Top-Level Tabs { "navigation": { @@ -198,4 +205,4 @@ You can use any combination of anchors, tabs, and dropdowns - either one can be } ``` - + \ No newline at end of file