Materials
Presets for radii, fills, strokes, and shadows.
Surface
On the page.
Example | Class name | Usage |
|---|---|---|
| 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.
Example | Class name | Usage |
|---|---|---|
| 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. |