Skip to main content

Radius

Use radius to round the corners of any element.

Global radius tokens

We have set a number of global tokens which set the roundness of the corners.

$radius-00 0dp/pt/px
$radius-02 4dp/pt/px
$radius-03 8dp/pt/px
$radius-04 12dp/pt/px
$radius-05 16dp/pt/px
$radius-06 50rem