Flex

Flex is Box with display set to flex and comes with helpful style shorthand. It renders a `div` element.

    Source@chakra-ui/layout

Props#

align

Description

Shorthand for alignItems style prop

Type
ResponsiveValue<AlignItems>

basis

Description

Shorthand for flexBasis style prop

Type
ResponsiveValue<FlexBasis<Length>>

direction

Description

Shorthand for flexDirection style prop

Type
ResponsiveValue<FlexDirection>
Default
row

grow

Description

Shorthand for flexGrow style prop

Type
ResponsiveValue<FlexGrow>

justify

Description

Shorthand for justifyContent style prop

Type
ResponsiveValue<JustifyContent>

shrink

Description

Shorthand for flexShrink style prop

Type
ResponsiveValue<FlexShrink>

wrap

Description

Shorthand for flexWrap style prop

Type
ResponsiveValue<FlexWrap>
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel