Flex Direction

Atomic props for controlling the direction of flex items.

Atomic PropsCSS Properties
rowflex-direction: row;
columnflex-direction: column;
flexDirection={value}flex-direction: {value}

row#

Use row props to position flex items horizontally.

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

column#

Use column props to position flex items vertically.

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

flexDirection#

Use flexDirection={value} to set items direction.

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