Menu / Hamburger

Context menu with icons, separators, disabled items, keyboard navigation, and submenus.

Simple menu with text-only items and click handlers.

Tap the hamburger button to open the menu.

Code
<rui-menu-button [items]="menuItems" />

Add leading Material icons to menu items.

Code
<rui-menu-button [items]="iconMenuItems" />

Mark items as disabled to prevent interaction.

Code
<rui-menu-button [items]="disabledMenuItems" />

Group related items with separators and nested submenus.

Code
<rui-menu-button [items]="advancedMenuItems" />

Use routerLink for navigation items instead of click handlers.

Code
<rui-menu-button [items]="routerMenuItems" />