Flex Direction

Atomic props for controlling the direction of flex items.

Atomic Props	CSS Properties
row	flex-direction: row;
column	flex-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