HoverCard
Radix HoverCard — rich preview panel triggered by hovering over an element.
Installation
Examples
User profile card
Hover over the username link to see details.
@alexjohnson
Alex Johnson
@alexjohnson
Building accessible UIs with Veloria UI components.
1.2k followers348 following
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| trigger* | ReactNode | required | The element that triggers the card on hover. |
| openDelay | number | 700 | Delay before opening in ms. |
| closeDelay | number | 300 | Delay before closing in ms. |
| side | 'top'|'right'|'bottom'|'left' | 'bottom' | Preferred side. |
| align | 'start'|'center'|'end' | 'center' | Alignment relative to trigger. |