Early access. Read the blog post

Flex

The Flex component is a wrapper component for flexible elements (Box, Card and Flex).

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
align?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'
direction: 'row' | 'row-reverse' | 'column' | 'column-reverse'
flex?: number | number[]
justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'
wrap?: 'wrap' | 'wrap-reverse' | 'nowrap'
Updated 2w ago
On this page
By
the platform for structured content