Add Navigation Bar Item
Step-by-step guide on how to add a new item to the navigation bar
- Åpne
config.ts
under/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
href
under/routes
For eksempel:href: '/about'
→/src/routes/about/+page.svelte