Flex is a basic layout component that implements the CSS flex utility classes. It does not use the shadow DOM.
Flex Layout By default the flex component will evenly distribute the available space amongst its children
Column 1Column 2Column 3Column 4
Row Layout
RowLayout
Row-Reverse Layout
Row-ReverseLayout
Column Layout
ColumnLayout
Column-Reverse Layout
Column-ReverseLayout
Flex Gap
Column 1Column 2