Flex Grow

Atomic Props for controlling how flex items grow.

Atomic PropsCSS Properties
flexGrow={value}flex-grow: {value};

Grow#

Use flexGrow={1} props to allow a flex item to grow to fill any available space.

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

Don't grow#

Use flexGrow={0} to prevent a flex item from growing.

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