Components/Hover Card

Hover Card

A composable hover card primitive for modern product interfaces.

Interactive example

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add hover-card

Usage

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>