Flex lays out its children in a row as they are, with no extra element around each one, and gap sets the space between them.gap to a spacing step from xxs to xxl to space the children with the theme's sizes, which shrink in compact mode.gap to small, medium or large for the three preset sizes, which also follow the theme and compact mode.gap a number or any CSS gap value, like "1rem 2rem" for different row and column spacing when the items wrap.orientation="vertical" to stack the children in a column, top to bottom, instead of laying them out in a row.wrap to let items flow onto the next line when the row runs out of room, or pass a flex-wrap value like wrap-reverse.flex on a nested Flex to size it inside its parent: one share, two shares, or none to keep its own width.component to render a ul, a section or any other element, so the markup matches the content and the layout stays the same.Flex in another to build a header with its actions on the right, over a body with a fixed-width sidebar.Flex with no children is hidden, so a fixed-height placeholder keeps one invisible child to hold its space.Flex each: search with actions on the right, a centered pager, and a filter row that wraps.Flex's props. Rows marked antuikit in the Version column are added by the kit.