DropdownMenuContent

Overview

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

Theme entry: DropdownMenuContent

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		4	The distance in pixels from the trigger.
align	string		undefined	The preferred alignment against 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.
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.
updatePositionStrategy	string		undefined	Update position strategy.
prioritizePosition	boolean		undefined	The positioning strategy.

Slots

default

Slot.

Events

Name	Description
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.
closeAutoFocus	Emitted when focus returns to the trigger after the content closes.

Full event reference

Source

client/lib/navigation/dropdown-menu/DropdownMenuContent.vue