Add Navigation Bar Item
Step-by-step guide on how to add a new item to the navigation bar
- Åpne
config.tsunder/src/lib
/src/lib/config.ts
export const navbarItems: { label: string; href: string }[] = [
{ label: 'Guides', href: '/guides' }, // Navbar Item 1
{ label: 'About', href: '/about' }, // Navbar Item 2
{ label: 'Contact', href: '/contact-us' }, // Navbar Item 3
{ label: 'I Like Turtles', href: 'https://shorturl.at/g3PHK' } // Navbar Item 4
] - Hvert objekt i listen definerer et menypunkt i navigasjonsbaren.
- For å lage et nytt trenger du bare å legge til et objekt med denne strukturen
{ label: 'Display Name', href: '/display-name' } - Etter du har lagret filen vil du se lenken i navigasjonsbaren.
- Husk at du må ha en mappe med samme navn som
hrefunder/routes
For eksempel:href: '/about'→/src/routes/about/+page.svelte