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

SystemProps["alignItems"]

Description

Shorthand for flexBasis style prop

Type

SystemProps["flexBasis"]

Description

Shorthand for flexDirection style prop

Type

SystemProps["flexDirection"]

Description

Shorthand for flexGrow style prop

Type

SystemProps["flexGrow"]

Description

Shorthand for justifyContent style prop

Type

SystemProps["justifyContent"]

Description

Shorthand for flexShrink style prop

Type

SystemProps["flexShrink"]

Description

Shorthand for flexWrap style prop

Type

SystemProps["flexWrap"]