Materials
Materials are the building blocks of the system.
Surface
On the page.
Example
ClassName
Usage
border bg‑background rounded‑md
Everyday use. Radius 4px.
border bg‑background rounded‑md shadow‑xs
Slightly raised. Radius 4px.
border bg‑background rounded‑lg shadow‑md
Further raised. Radius 8px.
border bg‑background rounded‑2xl shadow‑xl
Highly raised. Radius 16px.