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.

Example Description Token name
  • Radius 00 0dp/pt/px
    $radius-00
  • Radius 02 4dp/pt/px
    $radius-02
  • Radius 03 8dp/pt/px
    $radius-03
  • Radius 04 12dp/pt/px
    $radius-04
  • Radius 05 16dp/pt/px
    $radius-05
  • Radius 06 50rem
    $radius-06