# Skeleton (/docs/products/dash-dots/reference/components/skeleton)

Give it the size of what's loading. The page then doesn't jump when the content arrives.

**Children:** Nothing

## Example

![The Skeleton component](/assets/images/dash-dots/components/skeleton.webp)

```xml title="view.dml"
<View gap="small">
  <Skeleton shape="circle" height="48" />
  <Skeleton shape="text" lines="2" />
</View>
```

## Props

| Prop     | Type                    | What it is                               |
| -------- | ----------------------- | ---------------------------------------- |
| `shape`  | `text`, `circle`, `box` | Default: `text`.                         |
| `lines`  | `number`                | Lines of text, for `text`. Default: `1`. |
| `height` | `number`                | In pixels, for `circle` and `box`.       |

## Events

None.