Skip to content
Theme

Skeleton

A placeholder in the shape of content still loading.

Examples

Text lines, a block and a circle

Props

Skeleton

A placeholder in the shape of content that is still loading. Hidden from screen readers: mark the loading region with aria-busy instead.

PropTypeDefaultDescription
shape?"circle" | "text" | "block""text"
width?string"100%"Any CSS length; text lines default to the full width.
height?string"1em"

Accessibility

  • Hidden from screen readers; mark the loading region aria-busy instead. The shimmer stops under reduced motion.