Design system

Space

Space tokens are relative to the baseSize. Use space tokens to define padding or margin when designing a component or layout. When using space tokens in code, you can access them using theme.space.[tokenName]

NameValueCalculatedDescription
0250.25rem4px--
0500.5rem8px--
0750.75rem12px--
1001rem16px--
1251.25rem20px--
1501.5rem24px--
1751.75rem28px--
2002rem32px--
2252.25rem36px--
2502.5rem40px--
2752.75rem44px--
3003rem48px--
3503.5rem56px--
4004rem64px--
4504.5rem72px--
5005rem80px--