Layout
Box
Bleed
Columns
Inline
Inset
Rows
Stack
Components
Button
ButtonSymbol
Input
Separator
Symbol
Text
Contexts
AccentColorProvider
ThemeProvider
Tokens
Color
Radii
Shadows
Spacing
Typography
🍔
Spacing
Spacing values can be applied to the
space
prop and directional (
left
,
right
,
top
,
bottom
) props on components that support space.
The
Box
primitive also supports these values on the
padding
,
margin
and
gap
props.
2px
3px
4px
5px
6px
8px
10px
12px
16px
20px
24px
28px
32px
36px
40px
44px
50px
52px
60px
64px
72px
80px
104px