Hover Card
A floating card that appears on hover to preview content behind a link or element. Use for user profile previews, link previews, and supplementary information that helps users decide whether to navigate further.
Default
A
HoverCard showing a user profile preview. Hover over the trigger to reveal a popover with avatar, description, and metadata.Link Preview
A
HoverCard displaying a link preview with title, description, and URL metadata on hover.Positions
Use the
Side parameter on HoverCardContent to control where the card appears relative to the trigger. Available values are Top, Right, Bottom, and Left.Custom Delays
Customize the
OpenDelay and CloseDelay parameters to control how quickly the hover card appears and disappears. Values are in milliseconds.