Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -28,10 +28,12 @@ export const HeroCard = ({ filename, title, description, href }) => {
<img
src="/images/hero/background-light.png"
className="block dark:hidden pointer-events-none"
alt="Decorative background image."
/>
<img
src="/images/hero/background-dark.png"
className="hidden dark:block pointer-events-none"
alt="Decorative background image."
/>
</div>

Expand Down
2 changes: 2 additions & 0 deletions installation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,10 +6,12 @@ description: "Install the CLI to preview and develop your docs locally"
<img
className="block dark:hidden my-0 pointer-events-none"
src="/images/installation/local-development-light.png"
alt="Decorative graphic representing the CLI."
/>
<img
className="hidden dark:block my-0 pointer-events-none"
src="/images/installation/local-development-dark.png"
alt="Decorative graphic representing the CLI."
/>

## Installing the CLI
Expand Down
2 changes: 1 addition & 1 deletion integrations/analytics/google-analytics.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ You will need to create a web stream to get the Measurement ID to put into Mintl

Click the cog at the bottom left of the Google Analytics screen. Then click on Data Streams.

<Frame>![](/images/ga4-web-streams.png)</Frame>
<Frame>![Screenshot of the Data Streams page in the Google Analytics dashboard.](/images/ga4-web-streams.png)</Frame>

Create a Web Stream and put the URL of your Mintlify docs site as the stream URL.

Expand Down
22 changes: 16 additions & 6 deletions organize/navigation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,13 +14,13 @@ Pages are the most fundamental navigation component. Pages map to the MDX files
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/pages-light.png"
alt=""
alt="Decorative graphic of pages."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/pages-dark.png"
alt=""
alt="Decorative graphic of pages."
/>

In the `navigation` object, `pages` is an array where each entry must reference the path to a [page file](pages).
Expand All @@ -46,13 +46,13 @@ Use groups to organize your sidebar navigation into sections. Groups can be nest
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/groups-light.png"
alt=""
alt="Decorative graphic of groups."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/groups-dark.png"
alt=""
alt="Decorative graphic of groups."
/>

In the `navigation` object, `groups` is an array where each entry is an object that requires a `group` field and a `pages` field. The `icon`, `tag`, and `expanded` fields are optional.
Expand Down Expand Up @@ -110,13 +110,13 @@ Tabs create distinct sections of your documentation with separate URL paths. Tab
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/tabs-light.png"
alt=""
alt="Decorative graphic of a tab navigation."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/tabs-dark.png"
alt=""
alt="Decorative graphic of a tab navigation."
/>

In the `navigation` object, `tabs` is an array where each entry is an object that requires a `tab` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
Expand Down Expand Up @@ -206,11 +206,13 @@ Anchors add persistent navigation items to the top of your sidebar. Use anchors
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/anchors-light.png"
alt="Decorative graphic of an anchor navigation."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/anchors-dark.png"
alt="Decorative graphic of an anchor navigation."
/>

In the `navigation` object, `anchors` is an array where each entry is an object that requires an `anchor` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
Expand Down Expand Up @@ -279,11 +281,13 @@ Dropdowns are contained in an expandable menu at the top of your sidebar navigat
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/dropdowns-light.png"
alt="Decorative graphic of a dropdown navigation."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/dropdowns-dark.png"
alt="Decorative graphic of a dropdown navigation."
/>

In the `navigation` object, `dropdowns` is an array where each entry is an object that requires a `dropdown` field and can contain other navigation fields such as groups, pages, icons, or links to external pages.
Expand Down Expand Up @@ -324,11 +328,13 @@ In the `navigation` object, `dropdowns` is an array where each entry is an objec
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/product-switcher-light.png"
alt="Decorative graphic of a product switcher."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/product-switcher-dark.png"
alt="Decorative graphic of a product switcher."
/>

Products create a dedicated navigation division for organizing product-specific documentation. Use products to separate different offerings, services, or major feature sets within your documentation.
Expand Down Expand Up @@ -420,11 +426,13 @@ Partition your navigation into different versions. Versions are selectable from
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/versions-light.png"
alt="Decorative graphic of a version switcher."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/versions-dark.png"
alt="Decorative graphic of a version switcher."
/>

In the `navigation` object, `versions` is an array where each entry is an object that requires a `version` field and can contain any other navigation fields.
Expand Down Expand Up @@ -463,11 +471,13 @@ Partition your navigation into different languages. Languages are selectable fro
<img
className="block dark:hidden pointer-events-none"
src="/images/navigation/languages-light.png"
alt="Decorative graphic of a language switcher."
/>

<img
className="hidden dark:block pointer-events-none"
src="/images/navigation/languages-dark.png"
alt="Decorative graphic of a language switcher."
/>

In the `navigation` object, `languages` is an array where each entry is an object that requires a `language` field and can contain any other navigation fields.
Expand Down
Loading