Data-Driven API
Simple navigation menu using items prop
Data-Driven API
Compound Component API
With Icons
Compound Component API
Navigation menu using sub-components for maximum flexibility
Browse components
NavigationMenu
Navigation menu component with dropdowns, rich content, and keyboard navigation. Supports both data-driven and compound component APIs.
molecules
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| items | NavigationMenuItemData[] | No | [] | Array of menu items (data-driven API) |
| viewport | boolean | string | No | true | Enable viewport for mobile responsiveness |
| class | string | No | — | Extra classes, merged last so they win |
| listClassName | string | No | — | Additional CSS classes for the menu list |