---
url: https://react-ui.bas.dev/display/skeleton.md
---
# Skeleton

A bar where a value will be, while the answer is still on its way. It is one line of 16 pixels and pulses.

```tsx
import { Skeleton } from '@basmilius/react-ui';
```

`className` sets the width, and a height other than one line. Size it like the value it stands in for, so nothing moves when the value arrives. It is hidden from screen readers; say that something loads elsewhere if it matters.

| Prop | Type |
| --- | --- |
| `className` | `string` |
| `ref` | `Ref<HTMLSpanElement>` |

`SkeletonProps` is an exported type.