# Skeleton

Decorative loading placeholder recipes.

Reserve Skeleton for loading layouts whose final structure is already known.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `circle` | `boolean` | prop | No | `false` | Round avatar — forces equal w/h and a full radius. |
| `height` | `string \| number` | prop | No | `undefined` | Box height. Number → px, string → used verbatim. Default 1em. |
| `lines` | `number` | prop | No | `undefined` | Render N stacked text bars; the last one is shortened. |
| `radius` | `string \| number` | prop | No | `undefined` | Corner radius. Number → px, string → used verbatim. |
| `variant` | `SkeletonVariant` | prop | No | `undefined` | Preset shape that seeds default width / height / radius. |
| `width` | `string \| number` | prop | No | `undefined` | Box width. Number → px, string → used verbatim. |

## Related

- [Badge](/docs/components/badge): Compact semantic or categorical label.
- [StatusDot](/docs/components/status-dot): Semantic status dot with an optional label and pulse.
- [EmptyState](/docs/components/empty-state): Empty-state message with optional art and action.