Menu

A menu / navigation list. Lays out menu items and labels, manages roving-tabindex keyboard navigation, and bubbles nana-select.

Vertical

Copy Paste
Medium Share
Delete
menu.html
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

Home Docs Pricing

Import

main.ts
ts
1 import "@nana-tec/ui-components/menu";

Props

AttributeTypeDefault
orientationhorizontal | verticalvertical
borderedbooleanfalse
variantdropdown | context | popover | action