GitHub

Hover Card

A card that appears when a user hovers over an element.

Docs API

Installation

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

Usage

import { 
  HoverCard, 
  HoverCardContent,
  HoverCardTrigger,
} from "@/components/ui/hover-card";
<HoverCard>
  <HoverCardTrigger>Hover me</HoverCardTrigger>
  <HoverCardContent>Hover Card Content</HoverCardContent>
</HoverCard>