Components/Skeleton

Skeleton

Animated loading placeholder for text lines, rectangles, and circles.

Installation

Examples

Shapes

text, rect, and circle variants.

Card skeleton

Combine shapes to mock a loading card.

List skeleton

Row-based loading list.

API Reference

PropTypeDefaultDescription
variant'text'|'rect'|'circle''rect'Shape of the placeholder.
widthstring | numberWidth of the skeleton.
heightstring | numberHeight of the skeleton.
animatebooleantrueEnables the pulse animation.