# Materials

Presets for radii, fills, strokes, and shadows.

---

## Surface

On the page.

- `material-base` — Everyday use. Radius 6px.
- `material-small` — Slightly raised. Radius 6px.
- `material-medium` — Further raised. Radius 12px.
- `material-large` — Further raised. Radius 12px.

---

## Floating

Above the page.

- `material-tooltip` — Lightest shadow. Corner 6px. Tooltips will be the only floating element with a triangular stem.
- `material-menu` — Lift from page. Radius 12px.
- `material-modal` — Further lift. Radius 12px.
- `material-fullscreen` — Biggest lift. Radius 16px.