Hover Card
A popup card that appears on hover for previewing content. Built on Radix UI Hover Card.
Default
@ianerickson
Usage
Use hover cards to preview content like user profiles, link previews, or metadata without navigating away from the current context.
Keep hover card content brief and non-interactive. For interactive popups, use a Popover.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| openDelay | number | 700 | Delay before showing in ms |
| closeDelay | number | 300 | Delay before hiding in ms |
| align | "start" | "center" | "end" | "center" | Alignment (on HoverCardContent) |