Hspace
Basic example
The elements inside the following Hspace element will have an earth
size margin separating them on the horizontal axis (earth
is default):
spacing
prop
As spacing is delegated from the parent Hspace, it is easy to increase the spacing using spacing
,
which accepts a string from the space modular scale. This example has the spacing
prop sun
.
If you require different values to be used for different breakpoints, you can also pass an object with keys
s
, m
, l
, _
- where _
is a default value, and the other keys are optional corresponding to small, medium
and large breakpoints.
collapse
prop
Allows the Hspace elements to collapse to Vspace behaviour on mobile viewports.