Skeleton
Skeleton primitive with pulse or shimmer effect, plus SkeletonCard and SkeletonList compositions.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
SkeletonProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| shimmer | boolean | false | Use a moving shimmer highlight instead of a pulse. |
SkeletonCardProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| shimmer | boolean | false | — |
| media | boolean | true | Show a media block above the text. |
SkeletonListProps
Also accepts all props of React.ComponentProps<"div">
| Prop | Type | Default | Description |
|---|---|---|---|
| shimmer | boolean | false | — |
| rows | number | 4 | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/skeleton.json