Skeleton
Animated placeholder for loading states. Supports text blocks and circular shapes.
Text Lines
Rectangular placeholders simulating text paragraphs.
Circles
Circular placeholders for avatars and profile pictures.
Card Loading
Simulate a loading card with avatar and text placeholders.
List Loading
Skeleton rows simulating a list of items.
Media Placeholder
Large rectangular skeleton for images and media content.
Form Loading
Skeleton placeholders for form fields and buttons.
Usage
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | text | "text" | Shape: "text" (rectangle) or "circle" |
height | text | "20px" | Height for text type (CSS value) |
width | text | "100%" | Width for text type (CSS value) |
size | text | "48" | Diameter in pixels for circle type |