ComponentsSelect.Value

formstexulinot agent-emittableapp

Select.Value

select-value

Shows the selected label or a placeholder inside the trigger.

Live examples

Placeholder

Placeholder

Loading demo…

Props

Public props for Select.Value
NameKindRequiredDefaultDescription
placeholderstringno"Select…"—
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • Placeholder is visible text inside the trigger name.

Evidence for select-value

Latest committed gates for select-value (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-value · 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

  • Display the current Select value

Don’t use when

Prefer another component

  • Static text outside Select