Navbar.
A unified application top bar with branded navigation.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
brand | ReactNode | No | — | — | Logo or product title. |
children | ReactNode | No | — | — | Navigation links, often NavbarLink. |
actions | ReactNode | No | — | — | Optional trailing toolbar actions. |
sticky | boolean | No | false | true · false | Make the navigation stick while scrolling. |
className | string | No | — | — | Custom class. |
NavbarLink.active | boolean | No | false | true · false | Mark an active link. |
NavbarLink.href | string | No | — | — | Native anchor destination. |