Studiov0.6.0

HoverCard

Tier 1 — shadcn
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