Skip to main content
Design system

Radius

Radius tokens are relative to the baseSize. Use radius tokens to define the border-radius of an element. When using border-radius tokens in code, you can access them using theme.radii[tokenName]

NameValueCalculatedDescription
0120.125rem2px--
0250.25rem4px--
0500.5rem8px--
0750.75rem12px--
1001rem16px--
1251.25rem20px--
1501.5rem24px--
round9999pxNaNpx--