ComponentsSelect.Content

formstexulinot agent-emittableapp

Select.Content

select-content

The positioned listbox surface for Select items.

Live examples

Medium content

Medium content

Loading demo…

Props

Public props for Select.Content
NameKindRequiredDefaultDescription
sizeenum (sm, md, lg)no"md"—
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • role=listbox; focus stays in the trigger while the list is open.

Evidence for select-content

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

Behavior

checkedscenario select

10 checks

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

Size (gzip)

texuli/select-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

  • Wrap Select items and groups

Don’t use when

Prefer another component

  • A free-floating popover (use popover)