Skip to content

NavigationMenuContent ​

Overview ​

The content panel of a navigation menu item.

Theme entry: NavigationMenuContent

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.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.
forceMountbooleanundefinedUsed to force mounting when more control is needed.
disableOutsidePointerEventsbooleanundefinedWhen true, hover/focus/click interactions will be disabled on elements outside.

Slots ​

default ​

Slot.

Events ​

NameDescription
escapeKeyDownEmitted when the Escape key is pressed.
pointerDownOutsideEmitted when a pointer-down event occurs outside the content.
focusOutsideEmitted when focus moves outside the content.
interactOutsideEmitted when any interaction occurs outside the content.

Full event reference

Source ​

client/lib/navigation/menu/NavigationMenuContent.vue