Border Radius
The Six Webcomponents library uses a set of border radius tokens to create consistent rounded corners throughout the interface.
| CSS Variable | Value | Preview |
|---|---|---|
--six-border-radius-small | 0rem | |
--six-border-radius-medium | 0rem | |
--six-border-radius-large | 0.5rem | |
--six-border-radius-x-large | 1rem | |
--six-border-radius-circle | 50% | |
--six-border-radius-pill | 9999px |