1. Primitives
  2. Flex

<Flex />

The <Flex /> component is a wrapper component for layout primitives.

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'

Made withby folks at