Hover Card

A popup that displays preview content behind a link when the mouse hovers over it.

HoverCard extends and requires Radix UI's @radix-ui/react-hover-card (opens in a new tab).

Examples

Note that the first example has side="top", inverted={false}, and hasArrow={false}.