1.1 KiB

Raw Blame History

Spacer

Add a 16px gap between adjacent items.

Without spacer:

<Alert color="green">A</Alert>
<Alert color="red">B</Alert>

A B

With spacer:

<Alert color="green">A</Alert>
<Spacer/>
<Alert color="red">B</Alert>

A B

Spacers can also be added for horizontal space:

<Layout flex>
<Alert color="blue">A</Alert>
<Alert color="green">A</Alert>
<Spacer/>
<Alert color="red">B</Alert>
</Layout>

A A B