Компоненты · Ожидание и уведомления

СпиннерSpinner

Дуга ожидания без подложки

npx shadcn@latest add @umbra/spinner

Дуга в четверть круга, которая вращается за --loader-speed (0,9 с). Без подложки и без трека. При prefers-reduced-motion дуга стоит

Когда брать

  • Идёт загрузка или обработка, процент неизвестен
  • В миниатюре строки списка, пока запись обрабатывается

Когда не брать

  • Место будущего содержимого: Skeleton
  • Известен прогресс: показать настоящий прогресс, не спиннер
  • Ради анимации: задержек «для красоты» нет

Встречи

7 записей за неделю

Новая записьОбрабатываем запись
Планёрка командыВТ, 10:00 · 32 мин
Интервью с дизайнеромПН, 16:30 · 48 мин
Созвон с подрядчикомПТ, 12:00 · 21 мин
Разбор макетовЧТ, 11:00 · 54 мин
Ретро спринтаСР, 17:00 · 40 мин
Встреча с юристомСР, 12:30 · 25 мин
Обзор метрикВТ, 15:00 · 36 мин

Нельзя

  • Спиннер из иконки (CircleNotch и т. п.), подложка или трек под дугой
  • Спиннер дольше нужного: когда результат готов, его открывают сразу