UI Components Demo
Демонстрация всех компонентов из "@/components/ui"
Button
Все варианты и размеры кнопок
Badge
Метки статуса и категорий
Default
Secondary
Destructive
Outline
Avatar
Аватары пользователей
SCJD
Input, Label, Textarea
Поля ввода форм
Checkbox
Флажок выбора
Select
Выпадающий список
Tabs
Вкладки
Настройки аккаунта...
Table
Табличные данные
| Имя | Роль | |
|---|---|---|
| Alice | alice@example.com | Admin |
| Bob | bob@example.com | User |
| Итого: 2 | ||
Separator
Разделители контента
Секция 1
Секция 2
Лево
Право
Tooltip
Подсказки при наведении
Dialog
Модальное окно
Dropdown Menu
Контекстное меню
Navigation Menu
Навигационное меню
Sheet
Мобильное бургер-меню
Hover Card
Превью по наведению
Form
Обёртки под React Hook Form
Switch & Radio Group
Переключатели и варианты ответа
Toast
Уведомление “Отправлено!”
Accordion
FAQ
Carousel
Скриншоты/отзывы
Слайд 1
Слайд 2
Слайд 3
Слайд 4
Слайд 5
Breadcrumb & Pagination
Крошки и пагинация
Skeleton
Лоадеры
Toggle
Переключатели вида
Progress
Индикатор шага
20%