Skeleton

Primitive loading placeholder for composing pending states.

Variants

tsx
<Skeleton variant="text" width="12rem" />
<Skeleton variant="rectangle" width="16rem" />
<Skeleton variant="circle" size="lg" />

Static

tsx
<Skeleton width="12rem" animated={false} />