Docs
Hover Card
Hover Card
For sighted users to preview content available behind a link.
Preview
Installation
npx shadcn@latest add hover-cardUsage
import {
HoverCard,
HoverCardContent,
HoverCardTrigger,
} from "@/components/ui/hover-card"
<HoverCard>
<HoverCardTrigger>Hover</HoverCardTrigger>
<HoverCardContent>Preview content.</HoverCardContent>
</HoverCard>On This Page