🎨 UI Kit демонстрация

Полная демонстрация всех компонентов интерфейса BookingPlace

📝 Типографика

Heading 1 (h1)

Heading 2 (h2)

Heading 3 (h3)

Body 1 - основной текст для чтения

Body 2 - вторичный текст

🎨 Цвета и тема

Primary

Secondary

Success

Error

🔘 Кнопки

🎴 Карточки

Простая карточка

Это базовая карточка с контентом.

Контурная карточка

Карточка с контуром.

🎴 Расширенные карточки

Контурная карточка

Карточка без тени с контуром.

Карточка с тенью

Стандартная карточка с небольшой тенью.

Карточка с большой тенью

Карточка с выраженной тенью.

⚡ Расширенные индикаторы прогресса

Различные размеры

Цвета

Линейный прогресс

Скелетоны различных форм

🚨 Уведомления и алерты

Alert компоненты

Это уведомление об успехе!

Это информационное уведомление

Это предупреждение

Это сообщение об ошибке

Alert с заголовком

Успех!

Операция выполнена успешно.

Ошибка

Произошла ошибка при выполнении операции.

Alert с действиями

Это уведомление с кнопкой действия

📊 Отображение данных

Расширенные чипы

Базовый чип

★

С иконкой

Кликабельный

Удаляемый

Цветной

Вариант outlined

Размер small

Бейджи

Уведомления

Сообщения

Предупреждения

Онлайн

Разделители

Текст сверху

Текст снизу

Текст с разделителем по центру

ЛЕВЫЙ

Текст с левым разделителем

ПРАВЫЙ

Текст с правым разделителем

📐 Компоненты макета

Аккордеон

Аккордеон позволяет сворачивать/разворачивать контент

(Демонстрация отключена для стабильности)

Вкладки

Вкладки позволяют организовывать контент по разделам

(Демонстрация отключена для стабильности)

Боковая навигация

Боковая навигация для многоуровневых меню

(Демонстрация отключена для стабильности)

🔧 Утилитарные компоненты

Подсказки (Tooltip)

Popper (всплывающие элементы)

Popper используется для создания всплывающих меню и подсказок

(Демонстрация отключена для стабильности)

Переходы и анимации

🎨 Расширенная UI Kit демонстрация

Полная демонстрация компонентов интерфейса BookingPlace с расширенными примерами

На главную Рестораны Ивенты