MenubarContent

Overview

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

Theme entry: MenubarContent

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.
side	string		undefined	The preferred side of the trigger to render against.
sideOffset	number		8	The distance in pixels from the trigger.
align	string		"start"	The preferred alignment against the trigger.
alignOffset	number		-4	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.
collisionBoundary	object|array		undefined	An element to use as the collision boundary.
sticky	string		undefined	The sticky behavior on the align axis.
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.

Source

client/lib/navigation/menubar/MenubarContent.vue