Spacer
Component
Negative area between the components and the interface.
Related components: Block, Divider, Grid, LayoutComponent
Item 1
Item 1
Item 1
<GoABlock gap="none">
<div>
Item 1
</div>
<GoASpacer></GoASpacer>
<div>
Item 1
</div>
<GoASpacer></GoASpacer>
<div>
Item 1
</div>
</GoABlock>
Item 1
Item 1
Item 1
<GoABlock direction="column" gap="none">
<div>
Item 1
</div>
<GoASpacer></GoASpacer>
<div>
Item 1
</div>
<GoASpacer></GoASpacer>
<div>
Item 1
</div>
</GoABlock>
Properties
hSpacing
fill | none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl
Horizontal spacing Defaults to
none
.vSpacing
none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl
Vertical spacing Defaults to
none
.Book time in drop in hours