Описание вариаций
| Описание | Вариация |
|---|---|
| Чекбокс | Одиночный выбор |
| Группа чекбоксов | Несколько чекбоксов объединённых в группу с одним заголовком |
| Indeterminate чекбокс | Неопределённое состояние. Отображает, что внутри группы есть выбранные и невыбранные чекбоксы |
Используется
-
Используйте чекбокс в случаях, когда выбор одного из вариантов не является обязательным условием.
-
Предоставление двоичного выбора, например, принятие условий.
-
Предоставление нескольких вариантов выбора из набора параметров.
-
Позволяет выбрать строку в таблице.
-
Для выбора или отмены выбора у группы чекбоксов.
-
Используйте чекбокс с неопределенным состоянием если внутри группы есть и выбранные и невыбранные чекбоксы.
-
Если вариантов выбора больше 5 — используйте Multiselect
Не используется
- Если выбор одного из вариантов обязателен, используйте компонент RadioButton
Строение компонента
- Лейбл
- Вспомогательное описание
- Чекбокс
- Значение чекбокса
Лейбл
Старайтесь использовать максимально короткие формулировки в лейблах и в значениях чекбоксов.
Значение чекбокса
Используйте пунктуацию и формируйте предложения. При использовании в качестве подтверждения согласия пользователя, начинайте предложение с «Я» и продолжайте в соотвествии необходимой формулировкой.
Цвета
Размеры
Типографика
Поведение
