MeldUI

Hover Card

A rich content card that appears when hovering over a trigger element.

Usage

Sub-components

HoverCardContent

Rich content card.

PropTypeDefaultDescription
side'top' | 'right' | 'bottom' | 'left'-Which side of the trigger to position on.
sideOffsetnumber4Distance from the trigger in pixels.
align'start' | 'center' | 'end'-Alignment relative to trigger.

HoverCardTrigger

Element that triggers the hover card.