Radius
Defines the roundness of the corners of an element.
Token
CSS Variable
Value
Preview
$radius-0
--sl-radius-0
0rem
$radius-1
--sl-radius-1
0.25rem
$radius-2
--sl-radius-2
0.5rem
$radius-3
--sl-radius-3
0.75rem
$radius-full
--sl-radius-full
9999rem
Want to know more about design tokens? Read the documentation (opens in a new tab).