Toggle Sidebar B
AppearanceLight & dark mode D

Skeleton

Animated placeholder block. Build loading states by stacking Skeletons in the rough shape of the eventual content.

Default

Single block.

Dark previewReplay preview

Avatar

A round media block beside two lines of text.

Dark previewReplay preview

Card

Mimic the shape of a card-style item.

Dark previewReplay preview

Text

Stacked lines with a shorter last line, like a paragraph.

Dark previewReplay preview

Form

Label and control pairs plus a submit button.

Dark previewReplay preview

Table

Repeat a row of blocks to stand in for tabular data.

Dark previewReplay preview

API Reference

Skeleton

PropTypeDefaultDescription
classstring—Width, height, radius. Default is bg-muted with pulse animation.