Shorthand helpers that build on top of our flexbox utilities to make component layout faster and easier than ever.
Stacks are vertical by default and stacked items are full-width by default. Use the
prop to add space between items.
direction="horizontal" for horizontal layouts. Stacked items are vertically centered
by default and only take up their necessary width. Use the
gap prop to add space between
Using horizontal margin utilities like
.ms-auto as spacers:
And with vertical rules:
Use a vertical
Stack to stack buttons and other elements:
Create an inline form with a horizontal