Navbar
A horizontal navigation bar for website headers. Built on an accessible navigation menu primitive, it supports dropdown menus, links, and nested navigation items with a shared animated dropdown, full keyboard navigation, and hover/focus interactions.
Component props
Navbar
| Name | Type | Description |
|---|---|---|
| showArrow | boolean | Shows dropdown arrow on items (default: true) |
NavbarItem
| Name | Type | Description |
|---|---|---|
| label | string | Item label. When set, the item becomes a trigger and its children render in the dropdown. |
NavbarLink
A semantic navigation link that renders an <a> element and participates in keyboard navigation. Use it for direct links instead of a plain anchor.
| Name | Type | Description |
|---|---|---|
| href | string | The destination URL. |
| active | boolean | Marks the link as the current page (default: false). |