Skip to content

Commit b89c5d6

Browse files
Documentation edits made through Mintlify web editor
1 parent c451053 commit b89c5d6

File tree

1 file changed

+32
-10
lines changed

1 file changed

+32
-10
lines changed

navigation/divisions.mdx

Lines changed: 32 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Tabs, Anchors, Dropdowns
2+
title: "Tabs, Anchors, Dropdowns"
33
---
44

55
## Tabs
@@ -8,9 +8,15 @@ Tabs help distinguish between different topics or sections of your
88
documentation.
99

1010
<Frame>
11-
<img className="block dark:hidden rounded-md" src="/images/tabs-light.png" />
11+
<img
12+
className="block dark:hidden rounded-md"
13+
src="/images/tabs-light.png"
14+
/>
1215

13-
<img className="hidden dark:block rounded-md" src="/images/tabs-dark.png" />
16+
<img
17+
className="hidden dark:block rounded-md"
18+
src="/images/tabs-dark.png"
19+
/>
1420
</Frame>
1521

1622
```json docs.json
@@ -45,9 +51,15 @@ documentation.
4551
Anchors are another way to section your content. They show up on top of your side navigation.
4652

4753
<Frame>
48-
<img className="block dark:hidden rounded-md" src="/images/anchor-light.png" />
54+
<img
55+
className="block dark:hidden rounded-md"
56+
src="/images/anchor-light.png"
57+
/>
4958

50-
<img className="hidden dark:block rounded-md" src="/images/anchor-dark.png" />
59+
<img
60+
className="hidden dark:block rounded-md"
61+
src="/images/anchor-dark.png"
62+
/>
5163
</Frame>
5264

5365
The configuration is very similar to the tab configuration. We highly recommend that you set an `icon` field as well.
@@ -82,16 +94,27 @@ Valid icon values include all named [Font Awesome](https://fontawesome.com/icons
8294
}
8395
```
8496

97+
<Note>
98+
We recommend using anchors in the global settings of `docs.json` to point to external links. For anchors used as the primary navigation structure, you can use `pages` , `openapi`, and `groups`.
99+
</Note>
100+
85101
## Dropdowns
86102

87103
<Frame>
88-
<img className="block dark:hidden rounded-md" src="/images/dropdowns-light.png" />
104+
<img
105+
className="block dark:hidden rounded-md"
106+
src="/images/dropdowns-light.png"
107+
/>
89108

90-
<img className="hidden dark:block rounded-md" src="/images/dropdowns-dark.png" />
109+
<img
110+
className="hidden dark:block rounded-md"
111+
src="/images/dropdowns-dark.png"
112+
/>
91113
</Frame>
92114

93115
Dropdowns show up in the same place as anchors, but are consolidated into a single dropdown.
94116
We also recommend that you set an icon for each dropdown item (from [Font Awesome](https://fontawesome.com/icons) or [Lucide](https://lucide.dev/icons)).
117+
95118
```json docs.json
96119
"navigation": {
97120
"dropdowns": [
@@ -121,7 +144,6 @@ We also recommend that you set an icon for each dropdown item (from [Font Awesom
121144
}
122145
```
123146

124-
125147
## Nested Hierarchy
126148

127149
You can use any combination of anchors, tabs, and dropdowns - either one can be nested within each other interchangeably.
@@ -163,6 +185,7 @@ You can use any combination of anchors, tabs, and dropdowns - either one can be
163185
}
164186
```
165187

188+
166189
```json Top-Level Tabs
167190
{
168191
"navigation": {
@@ -242,5 +265,4 @@ You can use any combination of anchors, tabs, and dropdowns - either one can be
242265
}
243266
```
244267

245-
246-
</CodeGroup>
268+
</CodeGroup>

0 commit comments

Comments
 (0)