# Selection controls

Use this page when the user must choose, toggle, or combine values and the first decision is about interaction shape rather than API details.

## Quick Decision Rules

- Use [Switch](https://vega-ui.dev/components/switch/) for one immediate binary setting.
- Use [Checkbox](https://vega-ui.dev/components/checkbox/) for independent or combinable choices.
- Use [Radio](https://vega-ui.dev/components/radio/) for one choice from a small visible set.
- Use [SegmentedControl](https://vega-ui.dev/components/segmented-control/) for a short, always-visible exclusive set.
- Use [Select](https://vega-ui.dev/components/select/) for a compact single-choice field with hidden options.
- Use [Listbox](https://vega-ui.dev/components/listbox/) for an always visible list of one or several choices.
- Use [CheckboxCard](https://vega-ui.dev/components/checkbox-card/) for rich multi-select option tiles.

## By Interaction Model

- Immediate binary state: [Switch](https://vega-ui.dev/components/switch/)
- Deferred or form-like binary selection: [Checkbox](https://vega-ui.dev/components/checkbox/)
- Exclusive visible choice: [Radio](https://vega-ui.dev/components/radio/), [SegmentedControl](https://vega-ui.dev/components/segmented-control/)
- Exclusive compact field: [Select](https://vega-ui.dev/components/select/)
- Rich descriptive multi-select: [CheckboxCard](https://vega-ui.dev/components/checkbox-card/)

## Common Misclassifications

- Do not use [Switch](https://vega-ui.dev/components/switch/) for a deferred form choice that should read like selection.
- Do not use [Checkbox](https://vega-ui.dev/components/checkbox/) for mutually exclusive options.
- Do not use [SegmentedControl](https://vega-ui.dev/components/segmented-control/) when labels are long or options are numerous.
- Do not use [Select](https://vega-ui.dev/components/select/) when users benefit from seeing all options at once.
- Do not use [CheckboxCard](https://vega-ui.dev/components/checkbox-card/) when the UI only needs a compact row.

## Start Here

- Dense forms: [Select](https://vega-ui.dev/components/select/), [Radio](https://vega-ui.dev/components/radio/), [Checkbox](https://vega-ui.dev/components/checkbox/)
- Settings pages: [Switch](https://vega-ui.dev/components/switch/), [Checkbox](https://vega-ui.dev/components/checkbox/)
- Short view or mode toggles: [SegmentedControl](https://vega-ui.dev/components/segmented-control/)
- Pricing or feature option tiles: [CheckboxCard](https://vega-ui.dev/components/checkbox-card/)