Загрузка UI Kit…
Vatoko Builder
Foundation, атомы, редакторы, иконки и служебные письма App Builder. Поиск фильтрует все разделы сразу.
Vatoko · Atoms
Живые демо канона App Builder. Кнопки и поля: высота --ab-control-h (40px), радиус --ab-radius-control (20px).
EVENT_INPUT_CLASS / EVENT_TEXTAREA_CLASS — 40×20, как кнопки.
Общие компоненты AppBuilderCheckbox, AppBuilderRadioGroup и AppBuilderSwitch. Используются в настройках кейса; изменение компонента применяется и здесь, и в формах.
FilterTab / FilterChip · вход и регистрация (PillToggle) · ab-badge-soft · ab-badge-solid · ab-founder-badge.
FilterTab
FilterChip
Вход / регистрация
PillToggle · 3
Онлайн / успех / опасность / нейтраль.
Круглые аватары; квадрат для иконок сущностей.
DetailPageToolbar на детальной странице: работа, товар, событие, урок. Иконка 40×40, плашка 56px, фон --ab-page-bg. Не текстовая ссылка «←».
Кольцо: border + border-t brand-primary · animate-spin.
Vatoko Builder
Foundation, атомы, редакторы, иконки и служебные письма App Builder. Поиск фильтрует все разделы сразу.
Vatoko · Atoms
Живые демо канона App Builder. Кнопки и поля: высота --ab-control-h (40px), радиус --ab-radius-control (20px).
EVENT_INPUT_CLASS / EVENT_TEXTAREA_CLASS — 40×20, как кнопки.
Общие компоненты AppBuilderCheckbox, AppBuilderRadioGroup и AppBuilderSwitch. Используются в настройках кейса; изменение компонента применяется и здесь, и в формах.
FilterTab / FilterChip · вход и регистрация (PillToggle) · ab-badge-soft · ab-badge-solid · ab-founder-badge.
FilterTab
FilterChip
Вход / регистрация
PillToggle · 3
Онлайн / успех / опасность / нейтраль.
Круглые аватары; квадрат для иконок сущностей.
DetailPageToolbar на детальной странице: работа, товар, событие, урок. Иконка 40×40, плашка 56px, фон --ab-page-bg. Не текстовая ссылка «←».
Кольцо: border + border-t brand-primary · animate-spin.
