Skeleton

A pulsing placeholder block used while content is loading. Renders a token-driven box that fades between two opacity levels.

Basic usage

<Skeleton w="60%" h={20} />
<Skeleton w="100%" h={16} />
<Skeleton w="80%" h={16} />

Shapes

<Skeleton w={48} h={48} rounded="r-full" />
<Skeleton w={80} h={80} rounded="r-3" bg="surfaceRaised" />

Props

Prop	Type	Default	Description
w	DimensionValue	'100%'	Width, accepts numbers or percentage strings.
h	DimensionValue	16	Height, accepts numbers or percentage strings.
rounded	TRoundedToken	'r-2'	Corner radius token.
bg	TVajraColors	'surfaceRaised'	Fill color.
testID	string		Test identifier.