Menubar
A horizontal menu bar with dropdown menus, similar to desktop application menus.
Usage
Sub-components
MenubarMenu
Container for a single menu in the bar.
MenubarTrigger
Button that opens the menu dropdown.
MenubarContent
The dropdown panel.
| Prop | Type | Default | Description |
|---|---|---|---|
align | string | 'start' | Alignment relative to trigger. |
sideOffset | number | 8 | Distance from the trigger in pixels. |
MenubarItem
A menu item.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding to align with items that have icons. |
variant | 'default' | 'destructive' | - | Visual style variant. |
MenubarCheckboxItem
A checkbox menu item.
MenubarRadioGroup
Groups radio items.
MenubarRadioItem
A radio menu item.
MenubarLabel
A label for a group.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding. |
MenubarSeparator
Visual divider.
MenubarShortcut
Keyboard shortcut hint.
MenubarSub
Container for a sub-menu.
MenubarSubTrigger
Item that opens a sub-menu.
| Prop | Type | Default | Description |
|---|---|---|---|
inset | boolean | - | Add left padding. |
MenubarSubContent
The sub-menu panel.