Overlays
Hover Card
Rich preview on hover (user card, link preview). Heavier than Tooltip.
Preview
Import
ts
import { HoverCard, HoverCardContent, HoverCardTrigger } from '@/components/ui/hover-card';Usage
tsx
<HoverCard>
<HoverCardTrigger asChild><a>@nextjs</a></HoverCardTrigger>
<HoverCardContent>…</HoverCardContent>
</HoverCard>