MenubarSubContent

Overview

The content panel of a menubar submenu, rendered inside a portal.

Theme entry: MenubarSubContent

Props

Name	Type	Required	Default	Description
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
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.
forceMount	boolean		undefined	Used to force mounting when more control is needed.
loop	boolean		undefined	When true, keyboard navigation will loop from last item to first, and vice versa.
sideOffset	number		undefined	The distance in pixels from the trigger.
alignOffset	number		undefined	An offset in pixels from the start or end alignment options.
avoidCollisions	boolean		undefined	When true, overrides side and align preferences to prevent collisions.
collisionPadding	number|object		undefined	Collision padding in pixels.
hideWhenDetached	boolean		undefined	Whether to hide the content when the trigger becomes fully occluded.
prioritizePosition	boolean		undefined	Whether to prioritize position to prevent collisions.

Slots

default

Slot.

Events

Name	Description
entryFocus	Emitted when focus enters the sub-menu content.
escapeKeyDown	Emitted when the Escape key is pressed.
pointerDownOutside	Emitted when a pointer-down event occurs outside the content.
focusOutside	Emitted when focus moves outside the content.
interactOutside	Emitted when any interaction occurs outside the content.
openAutoFocus	Emitted when focus moves inside the content after it opens.
closeAutoFocus	Emitted when focus returns to the trigger after the content closes.

Full event reference

Source

client/lib/navigation/menubar/MenubarSubContent.vue