Demo
The Header component provides site-wide navigation with slots for logo, navigation items, mobile
navigation drawer, and additional content like user menu.
Features
- Snippet-based slots for flexibility
- Mobile hamburger menu with drawer
- Configurable mobile breakpoint
- Optional backdrop blur
- Container max-width options
Slots
start- Logo/branding areanav- Desktop navigationend- Right side contentmobileNav- Mobile drawer
Resize your browser to see the mobile hamburger menu in action.
Usage
import { Header } from '@classic-homes/theme-svelte';