Элементы ввода, текстовые поля, поиск, чекбоксы

Чекбоксы

Все состояния и виды меняются с помощью классов-модификаторов:

При отсутствии текста необходимо оставить элемент label и стереть только сам текст внутри.

Стандартный чекбокс



Акцентный чекбокс

Инвертированный чекбокс

Чекбокс без значка, только текст

Чекбокс без текста, только значки

Поиск

Поиск с кнопкой очистки

Поиск с категориями

Поля ввода

Поле ввода пароля

Для смены состояний, необходимо присвоить элементуds-inputs-component:
1) класс.is-error при ошибке ввода;
2) класс .is-hidden-snowflake для скрытия красной снежинки;
3) класс .is-unavailable для неактивного состояния поля;
6-30 символов Слишком короткий

Поле ввода логина

3-22 символа Извините, пользователь с таким именем уже существует

Поле ввода почты

Будет использоваться для восстановления доступа Уже используется другим пользователем

Поле ввода телефона

Будет отправлено СМС с кодом подтверждения Уже используется другим пользователем

Поле повторного ввода пароля

Введённые пароли не совпадают

Код из СМС

Кастомный селект

Option 1
Option 1 Option 2 Option 3 Option 4 Option 5 Option 6 Option 7 Option 8 Option 9 Option 10