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

Состояния и обратная связь

Что происходит, что изменилось и как продолжить.

Состав раздела · 11
  • Notice / Alert · сообщение
  • Banner · баннер
  • Toast / Snackbar · уведомление
  • Spinner · загрузка
  • Progress · прогресс
  • Skeleton · скелетон
  • EmptyState · пустое состояние
  • Not found · ничего не найдено
  • Error / Retry · ошибка и повтор
  • Success · завершение
  • Forbidden / Offline · доступ и соединение

Семантическая обратная связь

Notice / Alert · Banner · useUI().toast

Готово

Текст объясняет состояние и следующий шаг.

Нужна проверка

Текст объясняет состояние и следующий шаг.

Полезная информация

Текст объясняет состояние и следующий шаг.

Пример системного баннера

Можно закрыть, не прерывая работу.

Загрузка

Spinner · Progress · Skeleton
Пример загрузкиОбласть загружается
Пример измеримого прогресса32%

Пусто, ошибка, успех и ограничения

StateView · EmptyState

Пока нет файлов

Добавь первый файл, чтобы начать.

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

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