ComponentsPopover

overlaystexulinot agent-emittableapp

Popover

popover

Non-modal floating panel anchored to a trigger.

Live examples

Open popover

Open popover

Loading demo…

Props

Public props for Popover
NameKindRequiredDefaultDescription
openbooleannofalse—
onOpenChangeeventno——
childrenslotno——

Keyboard

Keyboard behavior for Popover
KeyAction
EscapeFocus can move into the panel; Escape dismisses.

Accessibility

  • Focus can move into the panel; Escape dismisses.

Evidence for popover

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

Behavior

checkedscenario popover

9 checks

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

Size (gzip)

@texuli/primitives/popover · measured 14.5 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

  • Lightweight detail next to a control
  • Pickers that are not full dialogs

Don’t use when

Prefer another component

  • Modal workflows (use dialog)
  • Single-line hints (use tooltip)