Skip to content
← Inventory

HoverCard

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

TB

Terrazzo Bianco

Fibonacci Stone

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

Usage

import { HoverCard, HoverCardContent, HoverCardTrigger } from "@desk/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 openDelay/closeDelay (ms) instead of adding your own timers; HoverCardContent portals to the body.

Props

Also exports

  • componentHoverCard
  • componentHoverCardContent
  • componentHoverCardTrigger