# Corners

> Corner radius in eleven steps, from none to full. Controls keep one radius at every breakpoint so a button never changes under your finger; surfaces such as cards, panels and sheets soften on smaller screens. Full makes pills, dots and avatars.

## Radius steps

Bind **rounded/*** to the four corners; never type a radius. **rounded/full** is for pills, dots and avatars.

- `rounded/none`
- `rounded/xs`
- `rounded/sm`
- `rounded/md`
- `rounded/lg`
- `rounded/xl`
- `rounded/2xl`
- `rounded/3xl`
- `rounded/4xl`
- `rounded/5xl`
- `rounded/full`