Flex

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

Props#

Description

Shorthand for alignItems style prop

Type

ResponsiveValue<AlignItems>

Description

Shorthand for flexBasis style prop

Type

ResponsiveValue<FlexBasis<Length>>

Description

Shorthand for flexDirection style prop

Type

ResponsiveValue<FlexDirection>

Default

row

Description

Shorthand for flexGrow style prop

Type

ResponsiveValue<FlexGrow>

Description

Shorthand for justifyContent style prop

Type

ResponsiveValue<JustifyContent>

Description

Shorthand for flexShrink style prop

Type

ResponsiveValue<FlexShrink>

Description

Shorthand for flexWrap style prop

Type

ResponsiveValue<FlexWrap>