Skeleton
Skeleton — плашка-заглушка на время загрузки: серый блок с бегущим шиммером, форму задают width, height и radius.
Это самостоятельный примитив для произвольных макетов. Для готовых блоков свой Skeleton собирать не нужно: у карточки есть CardSkeleton с теми же частями, что у Card, а у Cell.Root — встроенный режим isLoading.
Используется в: CardSkeleton
Анатомия
Примеры
Размер
width и height принимают число (пиксели) или любое CSS-значение, включая проценты, — плашка растягивается по ширине контейнера так же, как обычный блочный элемент.
Скругление
radius — тот же общий тип, что у Badge и Avatar: от прямых углов none до circle для заглушки аватара.
API
| Prop | Type | Default |
|---|---|---|
widthШирина плашки — число (px) или любое CSS-значение | number | string | - |
heightВысота плашки — число (px) или любое CSS-значение | number | string | - |
className | string | - |
style | CSSProperties | - |
radiusСкругление углов: circle — «таблетка» | Radius | "sm" |
Наследуется от Pick<VisualProps, K>