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

СкелетонSkeleton

Заглушка содержимого, пока оно грузится

npx shadcn@latest add @umbra/skeleton

Заглушка той же формы, что и будущее содержимое. Цвет --skeleton. Без анимации: бегущий блик это декоративное движение, а движение в Umbra только объясняет

Когда брать

  • Строки списка, превью, текст, пока данные грузятся

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

  • Неизвестная форма или долгая обработка: Spinner
  • Пустое состояние: текст «что случилось и что сделать»

Встречи

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

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

Нельзя

  • Бегущий блик и пульсация
  • Скелетон дольше загрузки и вместо настоящего пустого состояния