Menu Item

An item within a menu. Renders as a button (or a link with href) and bubbles nana-select.

States

Default Active (current) Selected (checkmark) With icon With submenu Disabled Destructive
menu-item.html
html
1 <nana-menu-item value="settings">
2 <nana-icon slot="prefix" name="user-circle"></nana-icon>
3 Settings
4 <span slot="suffix">⌘,</span>
5 </nana-menu-item>
6 <nana-menu-item value="delete" destructive>Delete</nana-menu-item>

Props

AttributeTypeDefault
valuestring""
activebooleanfalse
selectedbooleanfalse
disabledbooleanfalse
destructivebooleanfalse
submenubooleanfalse
shortcutstring
hrefstring