Configuration
Navbar Configuration
Configure the top navigation bar
Navbar Links
Add links to the navbar:
{
"navbar": {
"links": [
{
"label": "GitHub",
"href": "https://github.com/example/repo",
"icon": "brand-github",
"iconType": "tabler"
},
{
"label": "Discord",
"href": "https://discord.gg/example",
"icon": "brand-discord",
"iconType": "tabler"
}
]
}
}
Primary Button
Add a call-to-action button:
{
"navbar": {
"primary": {
"type": "button",
"label": "Get Started",
"href": "/quick-start"
}
}
}
Complete Example
{
"navbar": {
"links": [
{
"label": "GitHub",
"href": "https://github.com/example/repo",
"icon": "brand-github",
"iconType": "tabler"
},
{
"label": "Discord",
"href": "https://discord.gg/example",
"icon": "brand-discord",
"iconType": "tabler"
}
],
"primary": {
"type": "button",
"label": "Get Started",
"href": "/quick-start"
}
}
}
The navbar appears at the top of every page alongside your logo and search.