Skip to main content

Hover Card

Hover/focus-triggered Popover for previews and profile cards.

Text trigger

Icon-only trigger

Button with icon

Avatar trigger

Link trigger

Link with icon

Panel with icon header

Timing

Keyboard focus

Animation variants

animationVariant — click each control to compare press feedback.

enterAnimationVariant — open and close each panel to compare fluid spring motion (default, spring, zoom) vs legacy ease presets.

API

PropRequiredTypeDefaultDescription
openDelayMsOptionalnumber120Show delay.
enterAnimationVariantOptionalEnterAnimationVariantdefaultPanel enter/exit — default and spring use fluid spring physics (Animate UI–style); zoom is a stronger pop; subtle keeps legacy ease motion; fade, slide-*, scale, or none.