Components / Overlays
Hover card
A preview of a person, file or citation.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { HoverCard, HoverCardTrigger, HoverCardContent } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/hover-cardgets this control. See shims.npx shadcn@latest add @fabrials/hover-card
API reference
| Prop / export | Type | Description |
|---|---|---|
open | boolean | Controlled open state. |
Behavior
The same content must be reachable from the keyboard, not only from hover.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.