A menu shows a list of actions when its trigger is activated. Behavior comes from Angular Aria’s menu pattern; Needless UI adds the styles, renders the menu as a popover above the page and keeps it inside the viewport.

Pass the menu’s ngMenu reference to [nuiMenuTrigger], give every item a unique value, and react to (selected) on each item or (itemSelected) on the menu.

Actions

A menu of actions with shortcut hints, a separator and a destructive item.

Link an item to a nested nuiMenu with [submenu]. It opens on hover or with the right arrow key.

Checkbox and radio items

Set role and bind [checked]. The menu shows the indicator and announces the state.

Grid on · rulers off · Comfortable