direction | string | (optional) Direction of sub components. Can be: horizontal or vertical. |
wrap | boolean | (optional) True to wrap contents if there is not enough space. Defaults to true. |
justify | string | (optional) How to place sub components if there is space available in the container. Can be: flex-start, flex-end, center, space-between, space-around or space-evenly. |
align | string | (optional) How to align sub components. Can be: flex-start, flex-end, center, stretch or baseline. |
divider | string | (optional) How to separate sub components. Can be: space or line. |
sizeCount | number | (optional) Define how many parts your layout should be divided in. Should be used in combination with a Flex.Item. Defaults to 12. |
rowGap | string or false | (optional) Defines how much the gap between rows should be. Can be large, medium, small or false for no gap. |
spacing | string or false | (optional) How much space between sub components. Can be medium, small or false for no spacing. |
element | string or React.Element | (optional) Define the type of element. Defaults to div. |
innerRef | React.Ref | (optional) Provide a React.Ref to accessing the inner HTML element. |
| Space | Various | (optional) spacing properties like top or bottom are supported. |