# Элементы выбора

Используйте эту страницу, когда пользователь должен выбрать, переключить или скомбинировать значения и первое решение касается формы взаимодействия, а не деталей API.

## Быстрые правила выбора

- Используйте [Switch](https://vega-ui.dev/ru/components/switch/) для одной бинарной настройки, применяемой сразу.
- Используйте [Checkbox](https://vega-ui.dev/ru/components/checkbox/) для независимых или комбинируемых вариантов.
- Используйте [Radio](https://vega-ui.dev/ru/components/radio/) для выбора одного варианта из небольшого видимого набора.
- Используйте [SegmentedControl](https://vega-ui.dev/ru/components/segmented-control/) для короткого, всегда видимого взаимоисключающего набора.
- Используйте [Select](https://vega-ui.dev/ru/components/select/) для компактного поля с одним выбором и скрытыми вариантами.
- Используйте [Listbox](https://vega-ui.dev/ru/components/listbox/) для всегда видимого списка с выбором одного или нескольких вариантов.
- Используйте [CheckboxCard](https://vega-ui.dev/ru/components/checkbox-card/) для насыщенных плиток вариантов с множественным выбором.

## По модели взаимодействия

- Бинарное состояние, применяемое сразу: [Switch](https://vega-ui.dev/ru/components/switch/)
- Отложенный бинарный выбор в форме: [Checkbox](https://vega-ui.dev/ru/components/checkbox/)
- Взаимоисключающий видимый выбор: [Radio](https://vega-ui.dev/ru/components/radio/), [SegmentedControl](https://vega-ui.dev/ru/components/segmented-control/)
- Компактное поле со взаимоисключающим выбором: [Select](https://vega-ui.dev/ru/components/select/)
- Насыщенный описательный множественный выбор: [CheckboxCard](https://vega-ui.dev/ru/components/checkbox-card/)

## Частые ошибки классификации

- Не используйте [Switch](https://vega-ui.dev/ru/components/switch/) для отложенного выбора в форме, который должен восприниматься как выбор.
- Не используйте [Checkbox](https://vega-ui.dev/ru/components/checkbox/) для взаимоисключающих вариантов.
- Не используйте [SegmentedControl](https://vega-ui.dev/ru/components/segmented-control/), когда подписи длинные или вариантов много.
- Не используйте [Select](https://vega-ui.dev/ru/components/select/), когда пользователям полезно видеть все варианты сразу.
- Не используйте [CheckboxCard](https://vega-ui.dev/ru/components/checkbox-card/), когда интерфейсу нужна лишь компактная строка.

## С чего начать

- Плотные формы: [Select](https://vega-ui.dev/ru/components/select/), [Radio](https://vega-ui.dev/ru/components/radio/), [Checkbox](https://vega-ui.dev/ru/components/checkbox/)
- Страницы настроек: [Switch](https://vega-ui.dev/ru/components/switch/), [Checkbox](https://vega-ui.dev/ru/components/checkbox/)
- Короткие переключатели вида или режима: [SegmentedControl](https://vega-ui.dev/ru/components/segmented-control/)
- Плитки тарифов или функций: [CheckboxCard](https://vega-ui.dev/ru/components/checkbox-card/)