Библиотека компонентов
Единый UI Kit проекта. Все элементы используют классы Tailwind и наши CSS-переменные.
1. Типографика и Цвета
Заголовок H1 (text-2xl)
Для главных заголовков страниц.
Заголовок H2 (text-lg)
Для названий секций и виджетов.
Заголовок H3 (text-sm)
Стандартный базовый текст интерфейса.
Bg
Panel
Primary
2. Кнопки и Действия
3. Статусы и Метки (Badges)
Нейтральный
В работе
Успешно
Отменено
Ожидает
4. Элементы Форм
Обязательное поле.
5. Модальные Окна (Dialogs)
6. Навигация и Табы
Содержимое активной вкладки. Табы сделаны через простые flex-контейнеры и border-bottom.
7. Уведомления и Callouts (Алерты)
Глобальные Тосты (Toasts)
Ошибка сервера
Не удалось сохранить изменения в базе данных.
Успешно
Профиль клиента был успешно обновлен.
Инфо-блоки (Callouts)
Подсказка: Использование фильтров
Используйте поиск по номеру телефона, чтобы быстро найти клиента в базе без необходимости листать весь список.
Двухфакторная защита
Защита не настроена.
8. Карточки и Dropdowns
Екатерина Л.
Действия
Коррекция бровей + окрашивание
ID-102
9. Таблицы (Data Table)
| Клиент | Услуга | Статус | Стоимость | Действия | |
|---|---|---|---|---|---|
|
JS
John Smith
ID-10045
|
Сложное окрашивание Мастер: Анна В. |
В работе
|
4 500 ₽ |
|