Navbar
A responsive navigation bar with mobile menu support.
Installation
bash
npx @smicolon/cli add navbarRun init once per project before adding components. See Installation.
Preview
Components
Navbar: Main containerNavbarBrand: Logo/brand areaNavbarContent: Content sectionsNavbarMenu: Navigation menuNavbarLink: Navigation linksNavbarItem: Generic navbar itemsNavbarToggle: Mobile menu toggle
Props
| Prop | Type | Default | Description |
|---|---|---|---|
sticky | boolean | true | Sticks to the top on scroll. |
bordered | boolean | true | Shows the bottom border. |
children | ReactNode | — | The navbar’s parts. |
NavbarContent | { align: "start" | "center" | "end" } | — | A section aligned to the start, centre or end. |
className | string | — | Extra classes for the component. |