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-12 12dp/pt/px
$radius-16 16dp/pt/px
$radius-00 0dp/pt/px
$radius-04 4dp/pt/px
$radius-08 8dp/pt/px
$radius-round 50rem