Forms · UI Kit

Create table — mobile actions

Input — types × states

	default	filled	required	helper	error	disabled	readonly
text	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email
email	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email
password	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email
number	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email
search	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email
tel	Email	Email	Email*	Email Подсказка	Email Неверный формат	Email	Email

Select — states

	default	selected	required	helper	error	disabled
select	Игра	Игра	Игра*	Игра Выберите игру	Игра Обязательно	Игра

Textarea — states

	default	filled	helper	error	disabled	readonly
textarea	Сообщение	Сообщение Я нашёл баг в системе турниров.	Сообщение Минимум 20 символов	Сообщение мало Минимум 20 символов	Сообщение locked	Сообщение view-only

Checkbox — states

	unchecked	checked	disabled	checked+dis
checkbox	Согласен с правилами	Согласен с правилами	Согласен с правилами	Согласен с правилами

Radio — states

Используется через тот же CSS-класс .yc-check.

unchecked checked disabled checked+disabled

Toggle (switch) — states

	off	on	disabled	on+disabled
toggle	Уведомления	Уведомления	Уведомления	Уведомления

ModeToggleBadge — states

Составной toggle badge: слева название режима, в середине текущее состояние/переключатель, справа короткое действие или пояснение.

Debug mode Off Enable

Debug mode On Disable

Preview mode Off Enable

Preview mode On Disable

Auto-sync On Pause

Auto-sync Off Resume

Admin mode Enable

Safe mode Locked

Compact mode Off

Density Layout

Theme System

Edge action

Fair Play обмен Fair Play без обмена Fair Play

Inset action

Fair Play обмен Fair Play без обмена Fair Play

Input Group — prefix/suffix

Текстовые addon'ы, иконки или кнопки с обеих сторон.

Цена

$ USD

Username

@

Website

https://

Процент

%

С иконкой

С suffix-иконкой

С suffix-кнопкой

Error state

$

Не может быть отрицательным

Disabled

@

Search Input

С иконкой лупы + clear (×).

Default

С value

Autocomplete

Native datalist: без JS, доступно для простого выбора из подсказок.

Игра

Браузер покажет совпадения из списка

Filled

Error

Выберите игру из списка

Disabled

Radio Group

Полноценный компонент с label, options, error.

	default	selected	helper	error	disabled option
vertical	Уровень Новичок Продвинутый Эксперт	Уровень Новичок Продвинутый Эксперт	Уровень Новичок Продвинутый Эксперт Выберите уровень	Уровень Новичок Продвинутый Эксперт Обязательное поле	Уровень A B C
inline	Уровень Новичок Продвинутый Эксперт	Уровень Новичок Продвинутый Эксперт	Уровень Новичок Продвинутый Эксперт Выберите уровень	Уровень Новичок Продвинутый Эксперт Обязательное поле	Уровень A B C

Number Stepper

Input number с кнопками +/−.

Количество

С шагом 5

min 0, max 1000

Disabled

Range / Slider

Громкость

0 70 100

Buy-in (от)

0 25 500

долларов

Disabled

0 30 100

Pin Input (OTP)

Auto-advance: enter цифру → следующая ячейка; backspace → предыдущая.

4 ячейки

6 ячеек (default)

Код из SMS

Error

Неверный код

Fieldset

Группировка полей с legend.

Личные данные

Имя*

Фамилия

Email

File Uploader

Drag-and-drop зона + кнопка выбора файла. Паттерны: загрузка медиа, аватаров, документов.

Загрузить аватар PNG или JPG до 2 MB Выбрать

Загрузить медиа Можно выбрать несколько файлов Выбрать файлы

Загрузка недоступна Disabled state Выбрать

Очень компактный (inline):

Перетащите файл или нажмите Выбрать

Design System v4 · Forms

Create table — mobile actions

Input — types × states

Select — states

Textarea — states

Checkbox — states

Radio — states

Toggle (switch) — states

ModeToggleBadge — states

Input Group — prefix/suffix

Search Input

Autocomplete

Radio Group

Number Stepper

Range / Slider

Pin Input (OTP)

Fieldset

File Uploader

Полная форма