Menu
A menu / navigation list. Lays out menu items and labels, manages roving-tabindex keyboard navigation, and bubbles nana-select.
Vertical
html
| 1 | <nana-menu bordered> |
| 2 | <nana-menu-label>Account</nana-menu-label> |
| 3 | <nana-menu-item value="profile">Profile</nana-menu-item> |
| 4 | <nana-menu-item value="logout" destructive>Log out</nana-menu-item> |
| 5 | </nana-menu> |
Horizontal
Import
ts
| 1 | import "@nana-tec/ui-components/menu"; |
Props
| Attribute | Type | Default |
|---|---|---|
orientation | horizontal | vertical | vertical |
bordered | boolean | false |
variant | dropdown | context | popover | action | — |