Flex layout

Also known as

CSS flexbox, Flexible box, Responsive layout

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.

When building a layout for part of a page using FlexLayout, it is important to make sure you use semantic HTML, which means using the correct HTML elements for their intended purpose as much as possible.

FlexLayout and FlexItem components support this behavior by allowing access to a prop called as that allows you to render the appropriate HTML instead of a plain “div”.