Selection
The pick-a-value behaviours. Each one captures a choice — a boolean, one option, several — and wires the ARIA for it without imposing a look.
The pieces
| Component | Captures | Shape |
|---|---|---|
| Checkbox | A boolean (or mixed) | A native <input> |
| RadioGroup | One of a small set | Native <input>s, grouped |
| Switch | A boolean on/off | A native <input>, role="switch" |
| Select | One of many | A button-triggered listbox |
| Combobox | One of many, typed | A filterable input + listbox |
| MultiSelect | Several of many | A chip input + listbox |
| Search | A free-text query | A Combobox in a search landmark |
Two groups
The family splits in two. Native-input controls — Checkbox, RadioGroup, Switch — render a real
<input>. They take part in native form submission, browser autofill, and form reset for free;
you style around the input, you do not replace it.
Listbox controls — Select, Combobox, MultiSelect, Search — share the WAI-ARIA combobox /
listbox pattern: role="combobox" on the input or trigger, role="listbox" on the popup,
role="option" on each row, and the same arrow-key navigation throughout. They are compound
components you assemble from parts.
Which listbox control
The four listbox controls differ by what the user can do:
- Select — pick one, from a button. No typing.
- Combobox — pick one, with type-to-filter.
- MultiSelect — pick several, with chips and a filter.
- Search — a Combobox framed as site search, wrapped in a
searchlandmark.
Combobox is the base; Select, Search, and MultiSelect are it with one behaviour changed.