Component
Skeleton
Reserves layout space with a shimmering placeholder while content loads.
Install
Run the CLI to copy the source into your project.
pnpm dlx @stalk-ui/cli add @stalk-ui/skeletonExamples
Live previews render through the docs app's PandaCSS codegen.
<Skeleton style={{ height: 14, width: 240 }} />
<Skeleton radius="full" style={{ height: 48, width: 48 }} />
Props
Public component props extracted from the source TypeScript types.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| `radius` | `SkeletonRadius` | No | - | - |
Variants
Variant axes exposed by the underlying PandaCSS recipe or slot recipe.
| Variant | Values |
|---|---|
| `radius` | `none`, `sm`, `md`, `lg`, `full` |
Registry
Files this component contributes to your registry install.
- Manifest: `/r/skeleton.json`
- Recipe: `skeleton`
- Files: `src/components/ui/skeleton.tsx`