Radii

Tokens

Chakra UI supports the following border radius tokens out of the box.

<BorderRadiusTokenDoc />

Here’s the conversion of the given rem values to px, assuming the root font size is 16px (which is the default in most browsers)

Size	rem Value	px Equivalent
none	0	0px
2xs	0.0625rem	1px
xs	0.125rem	2px
sm	0.25rem	4px
md	0.375rem	6px
lg	0.5rem	8px
xl	0.75rem	12px
2xl	1rem	16px
3xl	1.5rem	24px
4xl	2rem	32px
full	9999px	9999px