Hover Card
Preview popup on hover, wrapping Radix HoverCard.
HoverCard shows rich preview content when hovering a trigger — user cards,
link previews, definitions.
Installation
import { HoverCard, HoverCardTrigger, HoverCardContent } from "@iammikz/srui";
Usage
Exports
| Export | Notes |
|---|---|
HoverCard / HoverCardTrigger | Radix Root/Trigger (open/onOpenChange for controlled use) |
HoverCardContent | Surface panel; align (default "center"), sideOffset (default 6), Radix Content props |
Accessibility
Triggers expose aria-expanded; content is portaled and removed from the
accessibility tree when closed. Keyboard focus on the trigger also opens it.