Blue
1A1449
Automost · internal
Витрина дизайн-системы
Проверочная поверхность для семантических токенов, базовых компонентов, интерактивных состояний и адаптивного поведения.
Назад к тестовым маршрутамColors
Peach
F70030
Gray
969BA3
Black
1C1D1F
White
FFFFFF
White background
F5F5F5
Violet
F5F4FC
Typography
Headline Large / 32px Bold
Headline Medium / 24px Bold
Headline Small / 18px Bold
Body Solo / 15px Medium
Body Paragraph / 15px Regular
Label Regular / 13px Regular
Label Medium / 13px Medium
Поля формы
Текстовые поля
Базовое заполненное состояние
Проверка формата после потери фокуса
Допустимы printable ASCII без пробела
Проверьте формат введённых данных
Пример собственного слота
UiField остаётся оболочкой для control без отдельного компонента.
Select
Выберите доступный вариант
Выберите доступный вариант
Код подтверждения
Введите все 6 цифр
Форматированные поля
Поля с календарём, маской ввода и нормализацией значения для формы.
Дата и время
Укажите корректную дату
- Дата:
- —
- Дата и время:
- —
- Месяц:
- —
- Год:
- —
- Время:
- —
Контакты, документы и суммы
Введите телефон полностью
Проверьте сумму
Введите серию паспорта полностью
- Телефон в v-model
- —
- Телефон с выбором страны
- —
- Сумма в v-model
- —
- Код в v-model
- —
Выбор и переключатели
Checkbox
Обычное выбранное состояние
Обычное невыбранное состояние
Часть дочерних пунктов выбрана
Segmented control
Tabs
Диапазоны
Modal
Уведомления
Примеры не отправляют запросы и не списывают отчёты. Уведомления автоматически закрываются через 5 секунд; прогресс-бар показывает оставшееся время.