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