Flex

Flexbox layout

Optional props

order

CSS order

type
Property.Order
default
0

direction

CSS flex-direction

type
Property.FlexDirection
default
row

grow

CSS flex-grow

type
Property.FlexGrow
default
0

wrap

CSS flex-wrap

type
Property.FlexWrap
default
nowrap

shrink

CSS flex-shrink

type
Property.FlexShrink
default
1

basis

CSS flex-basis

type
Property.FlexBasis<0
(string & {})>
default
auto

justify

CSS justify-content

type
Property.JustifyContent
default
flex-start

align

CSS align-items

type
Property.AlignItems
default
stretch

gap

CSS Gap

type
Property.Gap<0
(string & {})>
default
$space-gap

inline

Use inline-flex instead of flex

type
boolean
default
false

asChild

Children composition

type
boolean
default
false