Menubar
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
About
The Menubar is a sophisticated navigation component that groups multiple dropdown menus together. It's built using the Material CDK Menu primitives and Spartan UI styling, providing a familiar desktop-like experience for web applications.
Installation
Run the following command to install the menubar component:
Usage
menubar-usage.ts
Default
A comprehensive menubar with various item types: shortcuts, submenus, checkboxes, and radio groups.
menubar-example-default.ts
Themed Variants
Customize the appearance of your menubar to match specific contexts like administrative panels or success-oriented workflows.
Blue Professional
Success / Green
Critical Actions
menubar-example-colors.ts
API Reference
Helm API
The Menubar uses several directives to coordinate the menu state and styling.
| Class / Directive | Selector | Description |
|---|---|---|
| HlmMenubar | hlm-menubar | The root container for the menubar. |
| HlmMenubarTrigger | [hlmMenubarTrigger] | Attached to buttons to trigger associated dropdown menus. |