Полный каталог компонентов

Обзор дизайн-системы

0.4 · 14 разделов

Раздел библиотеки

Правила и сопровождение

Условия, которые делают компоненты пригодными к повторному использованию.

Состав раздела · 10

States · default / hover / pressed / focus / disabled / loading
Variants / Sizes · варианты и размеры
Responsive · мобильное поведение
Accessibility · клавиатура и screen reader
Overflow · длинные тексты
Localization · даты и числа
Content · тексты кнопок и ошибок
Usage / Limits · применение и ограничения
Figma / Code · соответствие имён
Versioning · версии и обновление

Состояния и адаптивность

DESIGN.md · AGENTS.md

Состояния: default, hover, pressed, focus, disabled, loading; selected и error по смыслу
Клавиатура: Tab / Shift Tab, стрелки в составных контролах, Enter / Space, Escape
Фокус: Видимый контур; trap в модальном окне; возврат к инициатору
Длинный текст: Перенос названий; горизонтальный scroll внутри таблицы; страница помещается от 320 px
Мобильный режим: Нижняя навигация с safe area; колонки складываются; drag имеет кнопочную альтернативу

Локализация и тексты

formatNumber · formatDate · Content guidelines

Формат примера

Число: 12 345,67
Дата: 3 нояб. 2026 г.
Кнопка: Глагол + объект: «Скачать файл», «Сохранить настройки»
Ошибка: Проблема + восстановление: «Файл слишком большой. Выбери файл до 10 МБ»
Подсказка: Поясняет формат или последствие до ошибки

Версии, Figma и код

design/COVERAGE.md · design/FIGMA-MAPPING.md · CHANGELOG.md

Компонент в коде — проверяемая реализация. Figma-библиотека пока не передана; для её создания зафиксированы имена, варианты, размеры, состояния и соответствие токенам.

Сначала обнови общий компонент и его API.
Добавь образец в каталог и поведенческую проверку.
Синхронизируй DESIGN.md, sidecar и карту соответствия.
Опиши изменение в CHANGELOG.md; несовместимое изменение требует миграции.

Бренд и обзор системы Шаблон инструмента

Примеры показывают компоненты и локальное поведение. Сервисы, авторизация и оплата подключаются отдельно.

Применение в каталоге