ComponentsSelect.Trigger

formstexulinot agent-emittableapp

Select.Trigger

select-trigger

The button that opens a Select listbox.

Live examples

Default trigger

Default trigger

Loading demo…

Props

Public props for Select.Trigger
NameKindRequiredDefaultDescription
sizeenum (sm, md, lg)no"md"—
variantenum (outline, soft)no"outline"—
classstringno——
childrenslotno——

Keyboard

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

Accessibility

  • aria-haspopup=listbox and aria-expanded reflect open state.

Evidence for select-trigger

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

  • Compose a Select with custom trigger content

Don’t use when

Prefer another component

  • A standalone button outside Select