Studiov0.6.0

HoverCard

Tier 1shadcn
Overlays

A rich preview card revealed on hover, typically for user or entity details.

Live Preview

Code

import { HoverCard } from "@regen/ui";

<HoverCard />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • User profile previews on @mentions
  • Link preview cards
  • Entity detail on hover

Do

  • Load content lazily on hover
  • Keep the card scannable — name, role, key metric

Don't

  • Don't use for simple labels — use Tooltip
  • Don't put required actions inside — use Popover