Radius
The radius tokens are used for controlling the border radius of an element.
Tokens
TokensBorder radius values are defined by the radii key.
| Token | Size | Pixels | Preview |
|---|---|---|---|
| none | 0px | 0px | |
| sm | 0.125rem | 2px | |
| DEFAULT | 0.25rem | 4px | |
| md | 0.375rem | 6px | |
| lg | 0.5rem | 8px | |
| xl | 0.75rem | 12px | |
| 2xl | 1rem | 16px | |
| 3xl | 1.5rem | 24px | |
| full | 9999px | 9999px |