ContextMenuContent

Overview

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

Theme entry: ContextMenuContent

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.
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.

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/context-menu/ContextMenuContent.vue