Stack layout

Stack Layout is a simple mechanism which arranges UI elements in either a horizontal or vertical order in a single line only. It builds on the FlexLayout component and is best for small-scale layouts where displaying components in a single row or column is necessary. It may benefit from supported visual separators, such as a row of charts or a scrolling side panel comprising multiple sections. For additional control of the size and position of content, use FlexItem for each content item inside StackLayout.

Also known as: Inline layout, Flex layout, Column layout
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

When building a subsection of a page using StackLayout, apply semantic HTML. This means using the correct HTML elements for their intended purpose as much as possible.

StackLayout supports this behavior by allowing access to a prop called as that allows you to render the appropriate HTML instead of a plain div.