Borders
Border-width tokens for separators, emphasis, and strong dividers.
Border-width tokens keep strokes consistent: a default hairline for most chrome, a medium step for emphasis, and a thick stroke for strong visual separation. Border colours live in the semantic border roles.
default
1pxmedium
1.5pxthick
2px| Token | Value | Description |
|---|---|---|
| default | 1px | Standard border width (1px) |
| medium | 1.5px | Medium border for emphasis (1.5px) |
| thick | 2px | Thick border for strong visual separation (2px) |