The top navigation in Solstice is configured through a TypeScript file that defines the navigation links and their properties.

Configuration File

The navigation is configured in src/docs/config/[language]/navData.json.ts. This file exports an array of navigation items.

1
const navConfig: navItem[] = [
2
  {
3
    text: "Introduction",
4
    link: "/docs/getting-started/",
5
  },
6
  {
7
    text: "Components",
8
    link: "/docs/components/",
9
  },
10
  {
11
    text: "Get Solstice",
12
    link: "https://cosmicthemes.com/themes/solstice",
13
    newTab: true,
14
  },
15
];

Navigation Item Properties

Each item in the navConfig array has the following properties:

text

• Type: string
• Required: Yes

The display text for the navigation link.

link

• Type: string
• Required: Yes

The URL for the navigation link. This can be:

• An internal path starting with / (e.g., /docs/getting-started/)
• An external URL (e.g., https://example.com)
• A hash link (e.g., #features)

newTab

• Type: boolean
• Default: false
• Optional: Yes

When set to true, the link will open in a new tab. This is particularly useful for external links.