Skip to content

HoverCard

A preview card triggered on hover/focus with configurable delay.

Basic usage

Trigger on hover

Hover to view

Placement

Four directions

UpDownLeftRight

Show / hide delay

Delay

Hover me

Controlled display

The open attribute is controlled: an external button can set/remove open to show/hide the card (hover/focus triggers still apply in addition).

Controlled display (open attribute)

ShowHideopen: falseTrigger element

API

Attributes

AttributeDescriptionTypeDefault
contentContent textstring
delayShow/hide delay in millisecondsstring100
openControlled display (boolean attribute; shows when present)boolean
placementPopup placementPlacementtop
titleTitle textstring

Slots

NameDescription
default

No public events. Triggered on hover/focus, role="dialog".