Flow layout
Flow Layout is a simple mechanism which arranges UI elements in a horizontal order and responsively wraps them onto subsequent rows. It builds on top of the FlexLayout
component and is best for small-scale layouts where you need to display components in a responsive row. For example, a row of metrics or a filter bar where fields can wrap over multiple lines. For additional control of the size and position of content, use FlexItem for each content item inside a flow layout.
When building a sub-section of a page using a flow layout, apply semantic HTML, This means using the correct HTML elements for their intended purpose as much as possible.
Flow layouts support this behavior by allowing access to a prop called as
that allows you to render the appropriate HTML instead of a plain div
.
When building a sub-section of a page using a flow layout, apply semantic HTML, This means using the correct HTML elements for their intended purpose as much as possible.
Flow layouts support this behavior by allowing access to a prop called as
that allows you to render the appropriate HTML instead of a plain div
.
When building a sub-section of a page using a flow layout, apply semantic HTML, This means using the correct HTML elements for their intended purpose as much as possible.
Flow layouts support this behavior by allowing access to a prop called as
that allows you to render the appropriate HTML instead of a plain div
.