Flex

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

    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