Перейти до вмісту
tatetUI

Skeleton

Заглушка завантаження, що повторює геометрію реального вмісту.

Приклад

API

Props

НазваТипТиповоОпис
roundedcontrolcardfull"control"Форма кутів. `full` — для кола на місці аватара.

Коли використовувати

Коли розмір і форма майбутнього вмісту відомі наперед: картка, рядок таблиці, список. Скелетон тоді працює як обіцянка макета й прибирає стрибок верстки при появі даних.

Коли НЕ використовувати

Якщо форма вмісту невідома — беріть звичайний індикатор. Скелетон, що не збігається з тим, що з'явиться, гірший за спінер: він обіцяє одне, а показує інше.

Доступність

Сам скелетон має aria-hidden: він нічого не повідомляє. Стан завантаження має оголошувати контейнер через aria-busy — інакше скрінрідер зачитає порожні прямокутники.

Анімація вимикається за prefers-reduced-motion.