Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Viewer
Video Player
Visual Builder
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Menu

Menu shows a short contextual set of commands in an overlay opened from a trigger button, icon button, row, toolbar control, or right-click area.

Use it for row actions, overflow more actions, user menus, context menus, toolbar actions, and nested command groups. Menu content is rendered in an overlay and can receive trigger data.

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.