Skip to content

Menubar ​

Overview ​

A horizontal menu bar containing a set of menus.

Theme entry: Menubar

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
modelValuestringundefinedThe controlled value of the open menu.
defaultValuestringundefinedThe value of the menu that should be open when initially rendered.
dirstringundefinedThe reading direction of the menubar.
loopbooleanundefinedWhen true, keyboard navigation will loop from last item to first, and vice versa.

Slots ​

default ​

Scoped slot.

Events ​

NameDescription
update:modelValueEmitted when the value changes.

Full event reference

Source ​

client/lib/navigation/menubar/Menubar.vue