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.