skeleton
Skeleton
Placeholder block that pulses where content is still loading, sized and shaped by its classes; holds still for reduced motion.
States: Default
Parts
| Part | File | Does |
|---|---|---|
| Skeleton | Skeleton.vue | Shows a placeholder for content that is still loading. |
Styling
| Part | Recipe |
|---|---|
| Skeleton | skeleton |
Install
Writes 2 files into components/ui/skeleton/. For agents, npx @frontic/ui docs skeleton prints this reference as markdown; the MCP server serves the same.
API reference
Skeleton Skeleton.vue
Shows a placeholder for content that is still loading. Renders a <div>.
| Prop | Type | Default | |
|---|---|---|---|
| class | ClassValue | — | |
| Recipe skeleton | Sets | |
|---|---|---|
| base: skeleton | 2 properties | |
Example