All components

Hover Card

Rich preview surface on hover.

Full API on ui.shadcn.com

Default

<HoverCard>
  <HoverCardTrigger render={<Button variant="link">@smaller-earth</Button>} />
  <HoverCardContent className="w-64">
    <p className="text-sm font-medium">Smaller Earth</p>
    <p className="text-sm text-muted-foreground">Parent brand. Understated and neutral.</p>
  </HoverCardContent>
</HoverCard>