Flex

Atomic PropsCSS Properties
flexAutoflex: 1 1 auto;
flexInitialflex: 0 1 auto;
flexNoneflex: 'none'
flex={value}flex: {value}

Flex Initial#

Use flexInitial props to allow a flex item to shrink but not grow, taking into account its initial size.

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

Flex None#

Use flexNone props to prevent a flex item from growing or shrinking.

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

Any Value#

Use flex={value} to set any flex value.

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