# Core/Skeleton - Usage

A skeleton is a graphical placeholder, reserving physical space in the page for content in cases where a service or action may be slow to resolve. A skeleton can be considered as an alternative to the progress spinner in many situations.

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `loading` | `boolean` | No | `--` | Display the skeleton when true.<br>@default true |
| `title` | `SkeletonTitleProps \| boolean` | No | `--` | Show title placeholder.<br>@default true |
| `paragraph` | `SkeletonParagraphProps \| boolean` | No | `--` | Show paragraph placeholder.<br>@default true |
| `round` | `boolean` | No | `--` | Show paragraph and title radius when true.<br>@default false |
| `active` | `boolean` | No | `--` | Show animation effect. Respects prefers-reduced-motion.<br>@default false |
| `children` | `React.ReactNode` | No | `--` | When set together with `loading`: if `loading` is false, only `children`<br>are rendered (no skeleton). If `loading` is true, the skeleton is shown instead — for preset<br>layouts (title and/or paragraph) children are not mounted while loading; in element mode<br>(`title={false}` and `paragraph={false}`) children render inside the placeholder while loading. |