Skip to content

Skeleton

Display a skeleton whilst another component is loading.

Default with Set Width

Code Editor

Default with Box Height

Code Editor

Wrapping children

If you do not pass a fixed size, it will be calculated automatically.

Code Editor

Wrapping children with fixed size

The skeleton will hide when children are not null, but the size is retained.

Code Editor

Pill

Code Editor

Rounded

Code Editor

Squared

Code Editor

No animation

Disable the animation on the skeleton.

Code Editor