Hover Card
Preview extra context on hover/focus without forcing a full navigation.
Profile Preview
Hover or focus trigger text to reveal compact profile details.
Top Alignment
Use top alignment when trigger sits lower in the viewport.
HoverCard API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
align | string | 'bottom-center' | Controls the alignment and placement of the hover card relative to the trigger. One of 'bottom-start' | 'bottom-center' | 'bottom-end' | 'top-start' | 'top-center' | 'top-end'. |
openDelay | number | 200 | Delay in milliseconds before the hover card opens when hovered. |
closeDelay | number | 150 | Delay in milliseconds before the hover card closes when unhovered. |