Skeleton

Skeleton — плашка-заглушка на время загрузки: серый блок с бегущим шиммером, форму задают width, height и radius.

Это самостоятельный примитив для произвольных макетов. Для готовых блоков свой Skeleton собирать не нужно: у карточки есть CardSkeleton с теми же частями, что у Card, а у Cell.Root — встроенный режим isLoading.

Анатомия

Skeleton

Примеры

Размер

width и height принимают число (пиксели) или любое CSS-значение, включая проценты, — плашка растягивается по ширине контейнера так же, как обычный блочный элемент.

Скругление

radius — тот же общий тип, что у Badge и Avatar: от прямых углов none до circle для заглушки аватара.

API

PropTypeDefault
width

Ширина плашки — число (px) или любое CSS-значение

number | string-
height

Высота плашки — число (px) или любое CSS-значение

number | string-
classNamestring-
styleCSSProperties-
radius

Скругление углов: circle — «таблетка»

Radius"sm"

Наследуется от Pick<VisualProps, K>