Menubar
Menubar
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
Basic Menubar
A menubar with common application menus like File, Edit, and View.
With Icons
Add Lucide icons to menu items for better visual hierarchy.
With Disabled Items
Menu items can be disabled to indicate unavailable actions.
Keyboard Navigation
The menubar supports full keyboard navigation with arrow keys, Enter/Space to activate, and Escape to close.
- ← / → to navigate between menus
- ↓ to open a menu
- ↑ / ↓ to navigate menu items
- Enter or Space to activate an item
- Escape to close the menu
Checkbox and Radio Items
Menu items that toggle state (checkbox) or allow single selection (radio).
Toolbar: Visible
Status Bar: Visible
Zoom: 100%
Submenus
Nested menus for organizing complex menu structures.
API Reference
Component parameters and their types.
| Prop | Type | Default | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | null | MenubarMenu elements. |
| Class | string? | null | Additional CSS classes for the root Menubar element. |
| Disabled | bool | false | On MenubarItem: prevents interaction when true. |
| Checked | bool | false | On MenubarCheckboxItem: the checked state. Use @bind-Checked. |
| Value | TValue | — | On MenubarRadioItem: the value this item represents. |