ComponentsHoverCard.Content

overlaystexulinot agent-emittableapp

HoverCard.Content

hover-card-content

Styled hover-card surface.

Live examples

Content

Content

Loading demo…

Props

Public props for HoverCard.Content
NameKindRequiredDefaultDescription
variantenum (elevated, flat)no"elevated"—
sizeenum (sm, md, lg)no"md"—
arrowbooleannotrue—
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • Same surface tokens as popover for contrast.

Evidence for hover-card-content

Latest committed gates for hover-card-content (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/hover-card-content · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

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

  • Body of a hover card

Don’t use when

Prefer another component

  • Click-toggled panels (use popover-content)