ComponentsHoverCard

overlaystexulinot agent-emittableapp

HoverCard

hover-card

Preview panel that opens on hover or focus.

Live examples

Preview

Preview

Loading demo…

Props

Public props for HoverCard
NameKindRequiredDefaultDescription
openbooleannofalse—
childrenslotno——

Keyboard

Keyboard behavior for HoverCard
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Opens on focus as well as hover; dismissible.

Evidence for hover-card

Latest committed gates for hover-card (as of 2026-10-23). Static snapshot — not live CI.

Behavior

checkedscenario hover-card

6 checks

Rows in tests/behavior/scenarios/hover-card.spec.ts, held to the WAI-ARIA APG pattern, run on Chromium, WebKit and the Pixel 7.

Size (gzip)

@texuli/primitives/hover-card · measured 7.50 KiB · budget 16.0 KiB

Measured gzip from docs/quality/perf-primitives.md (2026-10-23).

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Rich previews without a click

Don’t use when

Prefer another component

  • Required interactions (use popover or dialog)