Hover Card
A floating preview of content behind a link or control.
Basic
Preview rich content behind a link without leaving the page.
Sides
Near edges the preferred side can flip; this preview turns flip off so each label matches placement.
Delays
Use delay and closeDelay on the trigger to control open and close timing. Defaults are 600ms and 300ms.
Align
Combine side with align to pin the card to the start or end of the trigger.
Best practices
When to use
- Use for sighted users to preview content behind a link or mention without navigating away.
- Use Tooltip for a short label. Use Popover when the surface must open on click and hold focus.
Behavior
- Opens on hover or focus after a delay (default 600ms). Prefer short closeDelay so the pointer can move into the card.
- Keep content supplemental — never the only way to reach required information.
Content
- Favor a compact identity preview: avatar, name, one-line description, and optional metadata.