Menubar

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

Default

File-Edit-View bar with shortcuts.

Toggle view options with checkbox items bound to v-model.

Nest related actions in a submenu that opens on hover.

Props, events, and slots for each sub-component.

Props

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

Events

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

Props

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

Props

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

Props

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

Events

Event	Description
select	Fires when the item is chosen.

Props

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

Events

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

Props

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.

Keyboard

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.