Menubar

Persistent application menu bar (File, Edit, View ...). Each top-level item opens a DropdownMenu-style panel. Use for desktop-app-style UIs.

Checkbox items

MenubarCheckboxItem toggles a boolean with v-model inside a menu.

MenubarRadioGroup binds one-of-many selection with v-model.

MenubarSub nests a second menu behind a submenu trigger that opens on hover.

A leading icon before each MenubarItem, with a label and separators.

Prop	Type	Default	Description
`modelValue`	`string`	—	Open menu value. Supports v-model.

Event	Description
`update:modelValue`	Fires when the active top-level menu changes.

Prop	Type	Default	Description
`value`	`string`	—	(MenubarMenu) Identifier for this menu. Trigger opens its panel.

Prop	Type	Default	Description
`class`	`string`	—	Extra classes. Forwards positioning props to reka-ui MenubarContent.

Prop	Type	Default	Description
`disabled`	`boolean`	`false`	Block selection.
`inset`	`boolean`	`false`	Extra left padding to align with icon items.

Event	Description
`select`	Fires when the item is chosen.

Prop	Type	Default	Description
`modelValue`	`boolean \| string`	—	Item state. Supports v-model.

Event	Description
`update:modelValue`	Fires when the checkbox toggles or the radio value changes.

Prop	Type	Default	Description
`inset`	`boolean`	`false`	Align SubTrigger or Label with icon items. Submenu opens on hover or right-arrow.

Keyboard shortcuts and ARIA behavior.

Shortcut	Description
`←`	Moves focus to the previous top-level menu trigger.
`→`	Moves focus to the next top-level menu trigger.
`↑`	Moves to the previous item within an open menu.
`↓`	Opens the focused menu, or moves to the next item within an open menu.
`Enter`	Opens a menu or activates the focused item.
`Space`	Opens a menu or activates the focused item.
`Esc`	Closes the open menu and returns focus to its trigger.