Checkboxes, radio groups, selects and sliders for choosing values.
7 components
Radio or checkbox choices set as cards in a fieldset: title, description, a price at the foot, optional media and badge. Native inputs, so it submits without JavaScript; rows share their lines through subgrid.
A styled select whose options carry an icon, a label and a line of detail, such as a workspace or a delivery method. Keyboard and typeahead per the APG select-only combobox; posts through a form input.
A styled native select with a visible label, Required or Optional marker, hint, placeholder, option groups and a consumer-set error. The browser's own picker opens it, and it submits before any script runs.
A fieldset of native radios for exactly one choice, with a legend, help text, per-option descriptions and price or date notes, vertical or wrapping horizontal layout, and a group error. Works in a form before hydration.
A select-only combobox: type to filter a popup list by label or alternate names, choose with the arrow keys and Enter, and post the value. Local filtering by default, or a debounced, abortable onSearch.
An on-or-off setting that takes effect at once, as a role="switch" button with a fixed label and optional description. Off is an outlined track with a cross; on fills with a check. Async saves show pending and move back on failure.
A native checkbox with a drawn box, a label, optional help text and an error, plus a dash for select-all rows. The box stays level with the label's first line however far it wraps.
