HoverCard

Rich hover/focus card on the Tooltip chassis — non-interactive content by design.

Playground

Hover or focus the trigger. Content is not interactive by design.

<HoverCard>
  <Button variant="quiet">@alice</Button>
  <HoverCardContent>
    <Avatar name="Alice Chen" />
    <p className="font-medium">Alice Chen</p>
    <p className="text-muted-foreground">CTO at Acme</p>
  </HoverCardContent>
</HoverCard>