Flex Shrink

Atomic props for controlling how flex items shrink.

Atomic PropsCSS Properties
flexShrink={value}flex-shrink: {value}

Shrink#

Use flexShrink={1} to allow a flex item to shrink if needed.

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

Don't shrink#

Use flexShrink={0} to prevent a flex item from shrinking.

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