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

Entrances and springs

Each menu pairs an enter preset with a motion spring and grows out of the side it opens on. Submenus inherit both.