LayoutFlex
Flex
The Flex layout primitive is a thin abstraction over the CSS flexbox layout.
FlexProps
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
alignItems | ResponsiveProp<CSSProperties['alignItems']> | — | — | The value of the "align-items" property. |
children | ReactNode | — | — | The content of this flex element. |
direction | ResponsiveProp<CSSProperties['flexDirection']> | — | — | Defines the main axis, or how the children are placed. |
gap | ResponsiveProp<keyof BalanceTheme['spacing']> | — | — | The size of the gap between each child element. |
inline | boolean | — | — | Display as an inline-level flex container. |
justifyContent | ResponsiveProp<CSSProperties['justifyContent']> | — | — | The value of the "justify-content" property. |
wrap | boolean | — | — | Allow flex items to flow onto multiple lines. |
Also accepts BoxProps | ||||