Skip to Content

Radius

The radius tokens are used for controlling the border radius of an element.


Tokens

Tokens

Border radius values are defined by the radii key.

TokenSizePixelsPreview
none0px0px
sm0.125rem2px
DEFAULT0.25rem4px
md0.375rem6px
lg0.5rem8px
xl0.75rem12px
2xl1rem16px
3xl1.5rem24px
full9999px9999px