---
category: Surfaces
---

The loading idiom, and it is **static**. Blocks at `--r-inner` filled
`--panel-2`, sized to the element they stand in for — same heights, same widths,
so nothing jumps when the data lands.

No spinner under 400ms of expected wait, and never a spinner inside a frame that
has already drawn its arch: the frame is the promise that something is coming,
and a spinner inside it says the same thing twice.

```tsx
<Skeleton width="38%" />
<Skeleton width="72%" />
<Skeleton height={64} />
```