Layout Components

📄️ Column

Lays out children in a vertically $spaced layout (default spacing is 24px).

Lays out children in a horiztonally spaced layout (default spacing is 24px).

Lays out children in a vertically or horizontally spaced layout based on given breakpoint (default is 720px).

Lays out children in a vertically + horizontally spaced layout. You normally use it with fixed size children as shown below:

Spacers add space to your designs. Spacers should not be abused, but they can be super handy.

We have two general purpose single child containers Stretch and Content. The ideas of stretch and content are explained in the scale principle.