Hover Card

Preview card on hover or focus.

Preview

Installation

$ pnpm dlx shadcn@latest add https://stylexcn.vercel.app/r/hover-card.json

$ pnpm dlx shadcn@latest add @stylexcn/hover-card

Usage

<HoverCard>
  <HoverCardTrigger asChild>
    <Button variant="outline">@ada</Button>
  </HoverCardTrigger>
  <HoverCardContent>Ada Lovelace</HoverCardContent>
</HoverCard>