Flex Wrap

Atomic props for controlling how flex items wrap.

Atomic PropsCSS Properties
flexWrap={value}flex-wrap: {value}

Wrap#

Use flexWrap="wrap" props to allow flex items to wrap.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO

No Wrap#

Use flexWrap="nowrap" props to prevent flex items from wrapping, causing inflexible items to overflow the container if necessary.

SyntaxError: Unexpected token (1:8)
1 : return ()
            ^
LIVE DEMO