Hover Card
A card that appears when hovering over a trigger. Perfect for previewing user profiles, recipe info, or ingredients.
$cookest-ui add hover-card
Chef Profile
Show chef details on hover — great for recipe attribution.
Ingredient Preview
Show nutritional or sourcing info for an ingredient on hover.
GuancialePecorino RomanoSpaghetti
| Prop | Type | Default | Description |
|---|---|---|---|
HoverCardTrigger | ReactNode | — | Element that triggers the card on hover. |
HoverCardContent | ReactNode | — | The floating card content. |
openDelay | number | 700 | Delay in ms before the card opens. |
closeDelay | number | 300 | Delay in ms before the card closes. |
side | "top" | "right" | "bottom" | "left" | "bottom" | Side the card appears on. |