diff --git a/navigation.mdx b/navigation.mdx index c071be4e..c8dbfa48 100644 --- a/navigation.mdx +++ b/navigation.mdx @@ -41,8 +41,6 @@ Pages is an array where each entry must be a reference to the path of a [page fi } ``` ---- - ## Groups Use groups to organize your navigation into sections. Groups can be nested within each other, labeled with tags, and styled with icons. @@ -140,7 +138,41 @@ documentation. } ``` ---- +### Menus + +Tabs can have menus that display dropdown navigation items that let users go directly to specific sections within a tab. + +```json +"navigation": { + "tabs": [ + { + "tab": "API References", + "icon": "square-terminal", + "menu": [ + { + "item": "API References", + "icon": "rocket", + "pages": [ + "api-reference/get", + "api-reference/post", + "api-reference/delete" + ] + }, + { + "item": "SDKs", + "icon": "code", + "description": "SDKs are used to interact with the API.", + "pages": [ + "sdk/fetch", + "sdk/create", + "sdk/delete", + ] + } + ] + } + ] +} +``` ## Anchors @@ -189,8 +221,6 @@ While not required, we highly recommend that you set an `icon` field as well. } ``` ---- - Anchors that strictly contain external links can be achieved using the `global` keyword: ```json @@ -258,8 +288,6 @@ While not required, we also recommend that you set an icon for each dropdown ite } ``` ---- - ## Versions Versions can be leveraged to partition your navigation into different versions. @@ -301,8 +329,6 @@ Versions can be leveraged to partition your navigation into different versions. } ``` ---- - ## Languages Languages can be leveraged to partition your navigation into different languages. @@ -320,51 +346,20 @@ Languages can be leveraged to partition your navigation into different languages We currently support the following languages: - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - - } horizontal> - - + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> + } horizontal /> ```json @@ -394,8 +389,6 @@ We currently support the following languages: } ``` ---- - ## Nesting You can use any combination of anchors, tabs, and dropdowns. The components can be nested within each other interchangeably to create your desired navigation structure. @@ -518,8 +511,6 @@ You can use any combination of anchors, tabs, and dropdowns. The components can ---- - ## Breadcrumbs Control how breadcrumbs display on individual pages to orient users in your documentation.