HoverCardContent

Overview

The content panel of a HoverCard, rendered in a portal.

Theme entry: HoverCardContent

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.
side	string		undefined	The side the hover card appears on relative to the trigger.
align	string		undefined	The alignment along the side axis.
sideOffset	number		4	The distance in pixels from the trigger.
alignOffset	number		undefined	The offset along the alignment axis.
avoidCollisions	boolean		undefined	Whether to avoid collisions with boundary edges.
collisionBoundary	object|array		undefined	The collision boundary element(s).
collisionPadding	number|object		undefined	The padding for collision detection.
sticky	string		undefined	The sticky behavior on the align axis.
hideWhenDetached	boolean		undefined	Whether to hide the content when the trigger is fully occluded.
forceMount	boolean		undefined	Whether to force mount the content.
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.

Slots

default

Slot.

Source

client/lib/shell/hover-card/HoverCardContent.vue