HoverCard
Overlays

HoverCard.

A compact hover/focus card for secondary content.

Real interactive component
Live demo
Icovera

The visual foundation for Iconical.

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

3 props
ParameterTypeRequiredDefaultPossible valuesDescription
triggerReactNodeYes——Hover/focus target.
childrenReactNodeYes——Additional preview content.
classNamestringNo——Additional CSS class on the outer component element.