NavigationMenu

Overview

The root provider for a navigation menu.

Theme entry: NavigationMenu

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.
modelValue	string		undefined	The controlled value of the active menu item.
defaultValue	string		undefined	The value of the menu item that should be active when initially rendered.
dir	string		undefined	The reading direction of the menu.
orientation	string		undefined	The orientation of the menu.
delayDuration	number		undefined	The duration in ms from when the pointer enters the trigger until the tooltip opens.
skipDelayDuration	number		undefined	How much time a user has to enter another trigger without incurring a delay again.
disableClickTrigger	boolean		undefined	When true, menu cannot be opened by clicking on trigger.
disableHoverTrigger	boolean		undefined	When true, menu cannot be opened by hovering on trigger.
disablePointerLeaveClose	boolean		undefined	When true, menu will not close during pointer leave event.
unmountOnHide	boolean		undefined	When true, the element will be unmounted on closed state.
viewport	boolean		true	When true, renders a viewport element below the menu list.

Slots

default

Scoped slot.

Events

Name	Description
update:modelValue	Emitted when the value changes.

Full event reference

Source

client/lib/navigation/menu/NavigationMenu.vue