HoverCard

Hover-triggered popover for supplementary content (previews, profile cards). Controlled via open/onOpenChange, or uncontrolled via defaultOpen; HoverCardTrigger's delay/closeDelay (ms) tune the hover-in / hover-out timing.

Terrazzo Bianco

Fibonacci Stone

Recycled marble aggregate in a warm white matrix - matte honed finish.

Usage

import { HoverCard, HoverCardContent, HoverCardTrigger } from "@instruments/materia-ui/components/hover-card";

Best practices

Use HoverCard for rich hover content (preview, profile card); a one-line hint is a Tooltip, a click-opened panel is a Popover.
It opens on hover / focus only - never hide essential actions or content a touch / keyboard-only user can't otherwise reach behind it.
Tune the trigger's delay/closeDelay (ms) instead of adding your own timers; HoverCardContent portals to the body.

Props

Prop	Type	Default	Description
className	`string`

Also exports

componentHoverCard
componentHoverCardTrigger