Menubar
Application-style menu bar with persistent triggers. Features multiple menus with items, shortcuts, submenus, checkboxes, and radio groups.
Import
Live Demo
Menubar with items, shortcuts, submenus, checkboxes, radio groups, and destructive variants.
Basic
With Sub Menu
With Checkboxes & Radio
With Destructive Items
Props
| Name | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controlled open state of a MenubarMenu |
| onOpenChange | (open: boolean) => void | — | Callback fired when a MenubarMenu open state changes — required when using controlled `open` |
| modal | boolean | true | Whether the open menu acts as modal |
| inset | boolean | — | Adds left padding to align with items that have icons (on MenubarItem, MenubarSubTrigger) |
| variant | "default" | "destructive" | "default" | Visual style of MenubarItem |