ComponentsSelect.Item

formstexulinot agent-emittableapp

Select.Item

select-item

One selectable option inside Select.Content.

Live examples

Option

Option

Loading demo…

Props

Public props for Select.Item
NameKindRequiredDefaultDescription
valuestringyes——
labelstringno—Accessible and display label when children omitted
disabledbooleannofalse—
iconslotno——
descriptionstringno——
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • role=option; disabled items are skipped by keyboard.

Evidence for select-item

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

  • Declare a Select option with value and label

Don’t use when

Prefer another component

  • A radio option outside Select (use radio)