ComponentsSelect.Separator

formstexulinot agent-emittableapp

Select.Separator

select-separator

A visual divider between Select groups or items.

Live examples

Divider

Divider

Loading demo…

Props

Public props for Select.Separator
NameKindRequiredDefaultDescription
classstringno——

Keyboard

Keyboard behavior for Select.Separator
KeyAction
tabDecorative separator; not in the tab order.

Accessibility

  • Decorative separator; not in the tab order.

Evidence for select-separator

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

  • Separate option clusters inside Select

Don’t use when

Prefer another component

  • Page-level section breaks