Do not use Menu for selecting form values; use Select, Autocomplete, ColorSwitcher, Datepicker, or another dedicated control. Do not use it for persistent navigation; use Navigation, Sidebar, Sidenav, or NavList. Do not use it for long lists, tables, filters, forms, modal workflows, command palettes, or bulk action bars.

Key Features:

Trigger-based and right-click context menus.
Nested submenus for grouped commands.
Icons, dividers, headings, headers, and footers.
Lazy rendering with trigger data.

The NgStarter Angular Menu component lets you show a short contextual set of commands in an overlay opened from a trigger or right-click area. Use ngs-menu for row actions, overflow more actions, user menus, context menus, toolbar actions, and nested command groups. It includes examples for Basic Menu, Menu With Icons, Menu Divider, and Menu Heading.

Basic Menu

Use a basic menu for a short set of commands opened from a button.

Menu With Icons

Use icons when menu commands benefit from quick visual scanning.

Menu Divider

Use dividers to separate related command groups inside the same menu.

Menu Heading

Use headings to label command groups when the menu contains more than one group.

Menu Header & Footer

Use menu header and footer for compact context around the command list, such as account or status information.

Nested Menu

Use nested menus when one command opens a secondary command group.

Menu Positioning

Use positioning inputs when the overlay should open before, after, above, or below its trigger.

Context Menu

Use a context menu for right-click commands tied to a specific area or record.

Right click here to trigger a context menu

Lazy Rendering Menu

Use lazy menu content with trigger data when the same menu template must render commands for different records.