Components/Hover Card

Hover Card

Preview content that appears when the user hovers over a trigger — great for user mentions, link previews, and tooltips that need rich content.

Installation

npx ajaxui add hover-card

Notes

Anatomy

<HoverCard>                // open state owner
  <HoverCardTrigger/>      // hover or focus opens
  <HoverCardContent/>      // anchored preview
</HoverCard>

Props

Prop	Type	Default	Description
openDelay	number	700	Delay (ms) before opening on hover.
closeDelay	number	300	Delay (ms) before closing after blur.