Flex layout
Flex layout
Resources
FlexLayout controls the direction, size and position of items displayed in a UI container. Use when the direction needs complex customization that can't be achieved by StackLayout, FlowLayout or SplitLayout. For additional control of the size and position of content, use FlexItem for each content item inside FlexLayout.
Examples
How to use
Accessibility
Density
Mode
By default, FlexLayout displays items along the horizontal axis in a row, aligned to the start of the container. The spacing between items is driven by the property gap, which is a multiple of the Salt base unit and is set to 3. The dimensions of the layout (height or width) are driven by the items contained within it.
Set wrap={true} to overflow items onto subsequent rows when they no longer fit in the container.