Use to lay out a horizontal row or column of components or to achieve no-fuss alignment. Options provide control of the wrapping, spacing, and horizontal distribution of the items in the stack.
<Stackspacing="3"alignItems="baseline">
<Headlinesize="small">Invoice #123457</Headline>
<Tag>Payment Needed</Tag>
<Tag>Work Todo</Tag>
<Tag>Has Dog</Tag>
</Stack>
The Stack component is built off CSS flex properties. The usage examples here reflect many of these properties.
Vertical Alignment
A stack can be vertically aligned via the alignItems properties via CSS flex. Individual stack items can also be vertically aligned.