Components/Overlays & Dialogs

Hover Card

@base-ui/react/preview-card
npx shadcn@latest add @karan-ui/hover-card
@base-ui/react/preview-card•Overlays & Dialogs

Hover Card Interactive Canvas

For sighted users to preview rich content available behind an anchor link or button trigger on hover.

Canvas

Props Controls

3 props
'sm' | 'default' | 'lg'
boolean
Disabled
'top' | 'right' | 'bottom' | 'left'