# Selection and specialised pickers

> Checkboxes, radio groups, selects and sliders for choosing values.

- Category ID: `selection`
- Part of a page: Controls and forms
- Published components: 7
- Page: https://pagesugar.com/categories/selection

## Components

- [Choice cards](https://pagesugar.com/components/choice-cards-01.md): 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.
- [Custom select](https://pagesugar.com/components/custom-select-01.md): 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.
- [Native select](https://pagesugar.com/components/native-select-01.md): 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.
- [Radio group](https://pagesugar.com/components/radio-group-01.md): 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.
- [Combobox](https://pagesugar.com/components/combobox-01.md): 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.
- [Switch](https://pagesugar.com/components/switch-01.md): 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.
- [Checkbox](https://pagesugar.com/components/checkbox-01.md): 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.