Components › Overlays
Hover card
A preview of a linked person or page, shown on hover or focus.
Installation
npx plankui@latest add hover-cardUsage
import { HoverCard } from "@/components/ui/hover-card";
<HoverCard>
<HoverCardTrigger href="/ana">@ana</HoverCardTrigger>
<HoverCardContent>…</HoverCardContent>
</HoverCard>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| openDelay / closeDelay | number | 700 / 300 | Milliseconds before showing and hiding. |
| HoverCardContent.align | "start" | "center" | "end" | "center" | Alignment. |