grow | boolean | (optional) True to expand in width/height when there is more space available. Defaults to false. |
shrink | boolean | (optional) True to shrink in width/height when there is not enough space available for all components within the container. Defaults to false. |
span | number
object | (optional) To set the span (parts) in percentage with numbers from 1 to 12 (sizeCount). You can also provide Media Query types in an object. You can also use the value auto to disable it on a specific screen size. Wrap your Flex.Items inside a Flex.Container. |
gapBefore | 'xx-small'
'x-small'
'small'
'medium'
'large'
'x-large'
'xx-large'
false | (optional) With layoutEngine="css", replace the Flex.Container gap before this item on the main axis: left in horizontal layouts and top in vertical layouts. Use false for no gap. Ordinary spacing props remain additive. When adjacent items set both sides of the same gap, this value takes precedence over the previous item’s gapAfter. |
gapAfter | 'xx-small'
'x-small'
'small'
'medium'
'large'
'x-large'
'xx-large'
false | (optional) With layoutEngine="css", replace the Flex.Container gap after this item on the main axis: right in horizontal layouts and bottom in vertical layouts. Use false for no gap. Ordinary spacing props remain additive. A following item’s gapBefore takes precedence when both sides set the same gap. |
element | string
React.Element | (optional) Define the type of element. Defaults to div. |
ref | React.Ref | (optional) Provide a React.Ref to access the inner HTML element. |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |