Tokens / Border
Border
Define corner shapes and stroke widths for your interface.
Radius
Corner shapes for controls, cards, and surfaces.
| Token and description | Value | Preview |
|---|---|---|
0px | ||
0.25rem4px | ||
0.375rem6px | ||
0.5rem8px | ||
0.75rem12px | ||
1rem16px | ||
1.5rem24px | ||
9999px |
Width
Stroke thickness for outlines and dividers.
| Token and description | Value | Preview |
|---|---|---|
0px | ||
1px | ||
0.125rem2px | ||
0.25rem4px |