HoverCard

Rich hover/focus card on a popover, so it stays while the pointer moves onto it and its links can be clicked.

Playground

Hover or focus the trigger. The card stays open while the pointer is on it, so anything inside it can be clicked.

handle

<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>