Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui5 dependencies

Hover Card

hover-card

Rich hover preview on radix-ui with portal, directional slide/zoom animations and 3 content sizes (sm, md, lg). Exports HoverCard, HoverCardTrigger, HoverCardContent.

@ai2Registry JSON
Live, loading

Starting the live preview…

Rendered from its demo Hover card Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Use for non-essential preview content shown on hover (user cards, link previews). For click-triggered content use Popover, for tap-friendly hints use Tooltip.
2 other registries

Similar components

Other registries' take on hover-card.

Hover Card
b@bundui
Component
hover-card
t@taki
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Usage example for the ai2 hover-card component.

@ai2

More from @ai2

All 322 items
Tone calendar
calendar-tone
Component
Accent tabs
tabs-accent
Component
Circular progress
progress-circular
Component
Dialog command
command-dialog
Component
Shine badges
badges-shine
Component
Vertical separator
separator-vertical
Component
Badge label
label-badge
Component
Menu-motion dropdown
dropdown-menu-motion
Component