CellSkeleton

CellSkeleton — заглушка Cell на время загрузки: те же части, тот же порядок, но вместо содержимого шиммер-плашки.

Геометрию (высоту, паддинги, ритм частей, размер аватара) CellSkeleton переиспользует у Cell, а высота плашек текста — строка шрифта той же ступени, поэтому скелетон совпадает с реальной ячейкой того же состава и размера.

CellSkeleton.Actions и CellSkeleton.Tags нет: действия видны только по наведению, а теги — необязательная деталь строки.

Для плашек произвольной формы вне ячейки есть примитив Skeleton.

Использует: Cell, Skeleton

Анатомия

CellSkeleton.Root

Avatar

Content

Title

Description

Примеры

Размер

size — тот же, что у заменяемой ячейки: от него зависят высота строки, размер аватара и высота плашек текста.

Список

Типовой сценарий: пока список грузится, на его месте рендерится несколько скелетонов той же раскладки. appearance повторяет подачу реальных строк — например обводку, чтобы рамка не появлялась после загрузки. Плашки скрыты от скринридеров (aria-hidden), поэтому признак загрузки — aria-busy на контейнере списка.

API

Prop	Type	Default
`children`* Части скелетона — те же зоны и в том же порядке, что у Cell	`ReactNode`	-
`size` Размер — тот же, что у заменяемой ячейки: от него зависят высота, паддинги, размер аватара и высота плашек текста	`Size`	`md`
`appearance` Подача — та же, что у заменяемой ячейки (например, обводка у списка outline-строк), чтобы рамка не появлялась после загрузки	`Appearance`	-

CellSkeleton.Avatar

Плашка размера аватара, который ячейка этой ступени ставит в Cell.Avatar. radius — тот же, что у заменяемого Avatar.Root, и по той же шкале (по умолчанию sm).

Prop	Type	Default
`radius` Скругление — то же, что у заменяемого аватара: шкала Avatar, а не общего визуального слоя	`Radius`	`"sm"`

CellSkeleton.Content

Текстовый блок: заголовок и описание.

Prop	Type	Default
`children`* Текстовый блок: CellSkeleton.Title и CellSkeleton.Description	`ReactNode`	-

CellSkeleton.Title

Плашка в одну строку заголовка.

Компонент не принимает пропсов.

CellSkeleton.Description

Плашка в одну строку описания, длиннее заголовка.

Компонент не принимает пропсов.