Skip to content

Properties

PropertyTypeDescription
directionstring(optional) Direction of sub components. Can be: horizontal or vertical.
wrapboolean(optional) True to wrap contents if there is not enough space. Defaults to true.
justifystring(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.
alignstring(optional) How to align sub components. Can be: flex-start, flex-end, center, stretch or baseline.
dividerstring(optional) How to separate sub components. Can be: space, line, or line-framed.
sizeCountnumber(optional) Define how many parts your layout should be divided in. Should be used in combination with a Flex.Item. Defaults to 12.
rowGapstring or boolean(optional) Defines how much the gap between rows should be. Can be large, medium, small or false for no gap. Use true for small. It will inherit the spacing property, if Flex.Item has a size property.
spacingstring or boolean(optional) How much space between sub components. Can be medium, small or false for no spacing.
elementstring or React.Element(optional) Define the type of element. Defaults to div.
innerRefReact.Ref(optional) Provide a React.Ref to accessing the inner HTML element.
SpaceVarious(optional) spacing properties like top or bottom are supported.