Кнопки
Поля ввода
Иконки
Табы
Фильтры
Типографика
Пагинация
Элементы выбора
Скругление углов — 2px, толщина бордера — 2px, #CAD7E0
1. input type="checkbox"
Класс: redesign-checkbox-container
2. input type="radio"
Класс: redesign-radio
3. имитация checkbox на дивах
Класс: redesign-checkbox-wrap
Активное состояние
Обычное состояние
Недоступный элемент
Неактивное состояние
Поля ввода
Размеры полей: S – 40px, M – 48px, L – 64px
1. input type="text"
Большой размер с подписью. Модификатор: size_l
Средний размер с подписью. Модификатор: size_m
Маленький размер с подписью. Модификатор: size_s
Большой размер с плейсхолдером. Модификатор: size_l
Средний размер с плейсхолдером. Модификатор: size_m
Маленький размер с плейсхолдером. Модификатор: size_s
Поле ввода с серым фоном, без рамки. Модификаторы bg-gray, border-none
Недоступное поле ввода. Атрибут disabled у input
Поле ввода с иконкой. Класс redesign-input-box_type_icon
Поле ввода с синим фокусом (#1da5de). Класс redesign-input-box_focus-blue
Поле ввода с ошибкой. Класс: redesign-input-box_error
Поле является обязательным для заполнения
2. select class="redesign-puzzle-select"
Большой размер. Модификатор: size_l
Средний размер. Модификатор: size_m
Маленький размер. Модификатор: size_s
3. textarea class="redesign-textarea"
Поле textarea с пояснением
Отправить ответ
Пояснение к полю
Состояние поля по умолчанию
Недоступное поле ввода. Атрибут disabled у textarea
Отправить ответ
Пояснение к полю
Состояние поля по умолчанию
4. input type="range"
Поле для выбора значения из диапазона с делениями
Лёгкая Средняя Высокая
Поле для выбора значения из диапазона без делений
Лёгкая Средняя Высокая
5. input type="file"
Поле для выбора сложности или значения из диапазона
Документ об образовании
Обычное состояние с подписью
Документ об образовании
Файл не выбран
Состояние с загруженным файлом
Документ об образовании
mycertificate.png
Состояние с незагруженным файлом
Документ об образовании
Обязательно загрузите файл
Поле для загрузки файлов в виде надписи
загрузить
Красная надпись. Модификатор: style_red
загрузить
Синяя надпись. Модификатор: style_blue
загрузить
Поиск
Размер поля - 40, 48 px, для мобильной версии — 40 px
Развернутый поиск. Класс: redesign-input-box_type_search
Вид поиска по книге. Класс: redesign-input-box_view_books
Вид поиска по сайту с саджестом