Hover Card
FREERich preview card that opens on hover or focus, with delays and an optional arrow.
Installation
Terminal
npx @bloxa/cli add hover-card
# or: npx shadcn@latest add @bloxa/hover-cardPackages installed automatically: radix-ui
Examples
Profile preview
Built by @bloxa — hover or focus the name.
API reference
Every component also accepts the props of the element it renders.
HoverCard
| Prop | Type | Default | Description |
|---|---|---|---|
| openDelay | number | 300 | Delay before opening, in ms. |
| closeDelay | number | 150 | Delay before closing, in ms. |
HoverCardContent
| Prop | Type | Default | Description |
|---|---|---|---|
| side | "top" | "right" | "bottom" | "left" | "bottom" | Which side of the trigger it opens on. |
| align | "start" | "center" | "end" | "center" | Alignment. |
| showArrow | boolean | false | Arrow pointing at the trigger. |