Flex
The Flex component renders a responsive flexbox layout component that controls the layout of the components nested inside. Use it when you want to create mobile responsive layouts or want to arrange content in columns or rows. This component extends Box.
Usage Example#
Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| display | string (optional) | 'flex' |
Flex uses COMMON, LAYOUT, POSITION, FLEXBOX, BORDERS groups of Styled System props.