Spacer

Spacer is Flora's legacy spacing component.

Warning: This component has been deprecated and will be removed in future version of Flora.

API Reference

Prop
Type
Default
Description
size
Responsive<number | string>
1
Space size. Number values are based on the baseline grid.

Do's & Don'ts

For repeating spacings e.g. when passing an array of children, use Box's 

space
prop

Baseline Grid

Spacer accepts a couple of properties that adhere to the baseline grid of 4 pixel.
That means the passed value will be multiplied by 4.
It affects the following props:

  • size

Examples