Stack layout
Stack layout
StackLayout
displays items in horizontal or vertical order on a single line. 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
.
Examples
How to use
Accessibility
Density
Mode
By default, StackLayout
displays items in a single column.
Its items align to the start of the layout, with a gap
between items of 3, which is a multiple of the Salt base unit. The items contained within the layout determine its height and width.