Feedback · Application UI
Skeleton
A pulsing placeholder div used to indicate loading state before content is available.
Feature showcase
Installation
Features
7 examples
Default, Card, List, Media Grid, Profile, Table, With Loaded State.
API
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | - | Additional CSS classes to merge onto the skeleton div. |
Source and related
| File | Path |
|---|---|
| Component | registry/ui/skeleton.tsx |
| Default example | content/examples/skeleton/default.tsx |
| Card example | content/examples/skeleton/card.tsx |
| List example | content/examples/skeleton/list.tsx |
| Media Grid example | content/examples/skeleton/media-grid.tsx |
| Profile example | content/examples/skeleton/profile.tsx |
| Table example | content/examples/skeleton/table.tsx |
| With Loaded State example | content/examples/skeleton/with-loaded-state.tsx |