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

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

• Используйте Switch для одной бинарной настройки, применяемой сразу.
• Используйте Checkbox для независимых или комбинируемых вариантов.
• Используйте Radio для выбора одного варианта из небольшого видимого набора.
• Используйте SegmentedControl для короткого, всегда видимого взаимоисключающего набора.
• Используйте Select для компактного поля с одним выбором и скрытыми вариантами.
• Используйте Listbox для всегда видимого списка с выбором одного или нескольких вариантов.
• Используйте CheckboxCard для насыщенных плиток вариантов с множественным выбором.

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

• Бинарное состояние, применяемое сразу: Switch
• Отложенный бинарный выбор в форме: Checkbox
• Взаимоисключающий видимый выбор: Radio, SegmentedControl
• Компактное поле со взаимоисключающим выбором: Select
• Насыщенный описательный множественный выбор: CheckboxCard

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

• Не используйте Switch для отложенного выбора в форме, который должен восприниматься как выбор.
• Не используйте Checkbox для взаимоисключающих вариантов.
• Не используйте SegmentedControl, когда подписи длинные или вариантов много.
• Не используйте Select, когда пользователям полезно видеть все варианты сразу.
• Не используйте CheckboxCard, когда интерфейсу нужна лишь компактная строка.

С чего начать

• Плотные формы: Select, Radio, Checkbox
• Страницы настроек: Switch, Checkbox
• Короткие переключатели вида или режима: SegmentedControl
• Плитки тарифов или функций: CheckboxCard