Home Get StartedTokensDocsComponents

Space tokens

new

Tokens use for the spacing of UI.

Token and descriptionValue
--ds-space-0

Use for resetting default spacing styles.

0px
--ds-space-025

Use for small and compact pieces of UI.

2px
--ds-space-050

Use for small and compact pieces of UI.

4px
--ds-space-075

Use for small and compact pieces of UI.

6px
--ds-space-100

Use for small and compact pieces of UI.

8px
--ds-space-150

Use for small and compact pieces of UI.

12px
--ds-space-200

Use for small and compact pieces of UI.

16px
--ds-space-250

Use for small and compact pieces of UI.

20px
--ds-space-300

Use for small and compact pieces of UI.

24px
--ds-space-400

Use for the largest pieces of UI and for layout elements.

32px
--ds-space-500

Use for the largest pieces of UI and for layout elements.

40px
--ds-space-600

Use for the largest pieces of UI and for layout elements.

48px
--ds-space-700

Use for the largest pieces of UI and for layout elements.

56px
--ds-space-800

Use for the largest pieces of UI and for layout elements.

64px
--ds-space-1000

Use for the largest pieces of UI and for layout elements.

80px
Edit this page on Github
Last updated on April 6, 2024