Overview

About

Getting Started

Components

Accordion

Badge

Box

Button

Checkbox

Portal

Select

Separator

Theme

Properties

Radius

Spacing

Spacing Property

Padding

0
1
2
3
4
5
6
8
p = 2
pt = 2
pb = 2
pl = 2
pr = 2
px = 2
py = 2

Custom Padding Value

p = 17px

Margin

0
1
2
3
4
5
6
8
auto
-8
-6
-5
-4
-3
-2
-1
m = 2
mt = 2
mb = 2
ml = 2
mr = 2
mx = 2
my = 2

Custom Margin Value

m = 17px

Spacing Property

xs
sm
md
lg
xl

Spacing Inheritance

Parent Box (XL Spacing, p=2, m=2)
Child 1 (Default Spacing, p=2, m=2)