Playground
Item 1
Item 2
Item 2
Item 3
<GoABlock>
<div>
Item 1
</div>
<div>
<div>
Item 2
</div>
<div>
Item 2
</div>
</div>
<div>
Item 3
</div>
</GoABlock>
Properties
gap
none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl
Spacing between items
Defaults to
Defaults to
m
.direction
row | column
Stacking direction of child components
Defaults to
Defaults to
row
.alignment
center | start | end | normal
Primary axis alignment
Defaults to
Defaults to
normal
.mt,mr,mb,ml
none | 3xs | 2xs | xs | s | m | l | xl | 2xl | 3xl | 4xl
Apply margin to the top, right, bottom, and/or left of the component.
Book time in drop in hours