Components/Hover Card
Hover Card
A composable hover card primitive for modern product interfaces.
Base UI
Interactive example
Installation
Run the CLI from your project root. Dependencies and component source are added automatically.
$npx quackelements add hover-cardUsage
The generated file lives in your repository, so the component API and styles remain fully editable.
example.tsx
import { HoverCard, HoverCardTrigger, HoverCardContent } from "@/components/quack/hover-card"
<HoverCard><HoverCardTrigger>@quackbytes</HoverCardTrigger><HoverCardContent>Open-source product studio.</HoverCardContent></HoverCard>