Skip to content

Commit 411a971

Browse files
dino475dino475
committed
Documentation edits made through Mintlify web editor
1 parent 4d06fa2 commit 411a971

File tree

2 files changed

+462
-281
lines changed

2 files changed

+462
-281
lines changed

‎core-concepts/navigation.mdx‎

Lines changed: 119 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,16 @@ Pages are the most fundamental navigation component.
5050

5151
<Frame>
5252
<div className="flex justify-center p-10 pointer-events-none">
53-
<img className="block dark:hidden w-52" src="/images/navigation/pages-light.png" />
54-
<img className="hidden dark:block w-52" src="/images/navigation/pages-dark.png" />
53+
<img
54+
className="block dark:hidden w-52"
55+
src="/images/navigation/pages-light.png"
56+
/>
57+
58+
<img
59+
className="hidden dark:block w-52"
60+
src="/images/navigation/pages-dark.png"
61+
/>
62+
5563
</div>
5664
</Frame>
5765

@@ -78,8 +86,16 @@ Groups allow you to group your pages. Groups can also be nested within each othe
7886

7987
<Frame>
8088
<div className="flex justify-center p-10 pointer-events-none">
81-
<img className="block dark:hidden w-52" src="/images/navigation/groups-light.png" />
82-
<img className="hidden dark:block w-52" src="/images/navigation/groups-dark.png" />
89+
<img
90+
className="block dark:hidden w-52"
91+
src="/images/navigation/groups-light.png"
92+
/>
93+
94+
<img
95+
className="hidden dark:block w-52"
96+
src="/images/navigation/groups-dark.png"
97+
/>
98+
8399
</div>
84100
</Frame>
85101

@@ -115,8 +131,16 @@ documentation.
115131

116132
<Frame>
117133
<div className="flex justify-center p-10 pointer-events-none">
118-
<img className="block dark:hidden w-52" src="/images/navigation/tabs-light.png" />
119-
<img className="hidden dark:block w-52" src="/images/navigation/tabs-dark.png" />
134+
<img
135+
className="block dark:hidden w-52"
136+
src="/images/navigation/tabs-light.png"
137+
/>
138+
139+
<img
140+
className="hidden dark:block w-52"
141+
src="/images/navigation/tabs-dark.png"
142+
/>
143+
120144
</div>
121145
</Frame>
122146

@@ -155,8 +179,16 @@ Anchors are another way to section your content. They show up on top of your sid
155179

156180
<Frame>
157181
<div className="flex justify-center p-10 pointer-events-none">
158-
<img className="block dark:hidden w-52" src="/images/navigation/anchors-light.png" />
159-
<img className="hidden dark:block w-52" src="/images/navigation/anchors-dark.png" />
182+
<img
183+
className="block dark:hidden w-52"
184+
src="/images/navigation/anchors-light.png"
185+
/>
186+
187+
<img
188+
className="hidden dark:block w-52"
189+
src="/images/navigation/anchors-dark.png"
190+
/>
191+
160192
</div>
161193
</Frame>
162194

@@ -175,7 +207,7 @@ While not required, we highly recommend that you set an `icon` field as well.
175207
"development",
176208
"navigation"
177209
]
178-
}
210+
},
179211
{
180212
"anchor": "API References",
181213
"icon": "sqaure-terminal",
@@ -184,7 +216,7 @@ While not required, we highly recommend that you set an `icon` field as well.
184216
"api-reference/post",
185217
"api-reference/delete"
186218
]
187-
}
219+
},
188220
{
189221
"anchor": "Blog",
190222
"href": "https://external-link.com/blog"
@@ -201,8 +233,16 @@ Dropdowns show up in the same place as anchors, but are consolidated into a sing
201233

202234
<Frame>
203235
<div className="flex justify-center p-10 pointer-events-none">
204-
<img className="block dark:hidden w-52" src="/images/navigation/dropdowns-light.png" />
205-
<img className="hidden dark:block w-52" src="/images/navigation/dropdowns-dark.png" />
236+
<img
237+
className="block dark:hidden w-52"
238+
src="/images/navigation/dropdowns-light.png"
239+
/>
240+
241+
<img
242+
className="hidden dark:block w-52"
243+
src="/images/navigation/dropdowns-dark.png"
244+
/>
245+
206246
</div>
207247
</Frame>
208248

@@ -239,15 +279,22 @@ While not required, we also recommend that you set an icon for each dropdown ite
239279

240280
---
241281

242-
243282
### Versions
244283

245284
Versions can be leveraged to partition your navigation into different versions.
246285

247286
<Frame>
248287
<div className="flex justify-center p-10 pointer-events-none">
249-
<img className="block dark:hidden w-52" src="/images/navigation/versions-light.png" />
250-
<img className="hidden dark:block w-52" src="/images/navigation/versions-dark.png" />
288+
<img
289+
className="block dark:hidden w-52"
290+
src="/images/navigation/versions-light.png"
291+
/>
292+
293+
<img
294+
className="hidden dark:block w-52"
295+
src="/images/navigation/versions-dark.png"
296+
/>
297+
251298
</div>
252299
</Frame>
253300

@@ -286,29 +333,67 @@ Languages can be leveraged to partition your navigation into different languages
286333

287334
<Frame>
288335
<div className="flex justify-center p-10 pointer-events-none">
289-
<img className="block dark:hidden w-52" src="/images/navigation/languages-light.png" />
290-
<img className="hidden dark:block w-52" src="/images/navigation/languages-dark.png" />
336+
<img
337+
className="block dark:hidden w-52"
338+
src="/images/navigation/languages-light.png"
339+
/>
340+
341+
<img
342+
className="hidden dark:block w-52"
343+
src="/images/navigation/languages-dark.png"
344+
/>
345+
291346
</div>
292347
</Frame>
293348

294349
We currently support the following languages:
295350

296-
<CardGroup>
297-
<Card title="Arabic (ar)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ar.png" className="w-6 h-6 my-0" />} horizontal />
298-
<Card title="Chinese (cn)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/cn.png" className="w-6 h-6 my-0" />} horizontal/>
299-
<Card title="Chinese (zh-Hant)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/cn.png" className="w-6 h-6 my-0" />} horizontal/>
300-
<Card title="English (en)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/en.png" className="w-6 h-6 my-0" />} horizontal />
301-
<Card title="French (fr)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/fr.png" className="w-6 h-6 my-0" />} horizontal />
302-
<Card title="German (de)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/de.png" className="w-6 h-6 my-0" />} horizontal />
303-
<Card title="Indonesian (id)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/id.png" className="w-6 h-6 my-0" />} horizontal />
304-
<Card title="Italian (it)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/it.png" className="w-6 h-6 my-0" />} horizontal />
305-
<Card title="Japanese (jp)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/jp.png" className="w-6 h-6 my-0" />} horizontal />
306-
<Card title="Korean (ko)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ko.png" className="w-6 h-6 my-0" />} horizontal />
307-
<Card title="Portuguese (pt)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/pt.png" className="w-6 h-6 my-0" />} horizontal />
308-
<Card title="Portuguese (pt-BR)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/pt-br.png" className="w-6 h-6 my-0" />} horizontal />
309-
<Card title="Russian (ru)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ru.png" className="w-6 h-6 my-0" />} horizontal />
310-
<Card title="Spanish (es)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/es.png" className="w-6 h-6 my-0" />} horizontal />
311-
<Card title="Turkish (tr)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/tr.png" className="w-6 h-6 my-0" />} horizontal />
351+
<CardGroup cols={2}>
352+
<Card title="Arabic (ar)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ar.png" className="w-6 h-6 my-0" />} horizontal>
353+
354+
</Card>
355+
<Card title="Chinese (cn)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/cn.png" className="w-6 h-6 my-0" />} horizontal>
356+
357+
</Card>
358+
<Card title="Chinese (zh-Hant)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/cn.png" className="w-6 h-6 my-0" />} horizontal>
359+
360+
</Card>
361+
<Card title="English (en)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/en.png" className="w-6 h-6 my-0" />} horizontal>
362+
363+
</Card>
364+
<Card title="French (fr)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/fr.png" className="w-6 h-6 my-0" />} horizontal>
365+
366+
</Card>
367+
<Card title="German (de)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/de.png" className="w-6 h-6 my-0" />} horizontal>
368+
369+
</Card>
370+
<Card title="Indonesian (id)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/id.png" className="w-6 h-6 my-0" />} horizontal>
371+
372+
</Card>
373+
<Card title="Italian (it)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/it.png" className="w-6 h-6 my-0" />} horizontal>
374+
375+
</Card>
376+
<Card title="Japanese (jp)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/jp.png" className="w-6 h-6 my-0" />} horizontal>
377+
378+
</Card>
379+
<Card title="Korean (ko)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ko.png" className="w-6 h-6 my-0" />} horizontal>
380+
381+
</Card>
382+
<Card title="Portuguese (pt)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/pt.png" className="w-6 h-6 my-0" />} horizontal>
383+
384+
</Card>
385+
<Card title="Portuguese (pt-BR)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/pt-br.png" className="w-6 h-6 my-0" />} horizontal>
386+
387+
</Card>
388+
<Card title="Russian (ru)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/ru.png" className="w-6 h-6 my-0" />} horizontal>
389+
390+
</Card>
391+
<Card title="Spanish (es)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/es.png" className="w-6 h-6 my-0" />} horizontal>
392+
393+
</Card>
394+
<Card title="Turkish (tr)" icon={<img src="https://mintlify.s3.us-west-1.amazonaws.com/mintlify/images/navigation/languages/tr.png" className="w-6 h-6 my-0" />} horizontal>
395+
396+
</Card>
312397
</CardGroup>
313398

314399
```json
@@ -383,6 +468,7 @@ This way, you can create a very complex navigation structure that is easy to man
383468
}
384469
```
385470

471+
386472
```json Tabs
387473
{
388474
"navigation": {
@@ -462,5 +548,4 @@ This way, you can create a very complex navigation structure that is easy to man
462548
}
463549
```
464550

465-
466551
</CodeGroup>

0 commit comments

Comments
 (0)