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} |
#
rowUse row
props to position flex items horizontally.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
columnUse column
props to position flex items vertically.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO
#
flexDirectionUse flexDirection={value}
to set items direction.
SyntaxError: Unexpected token (1:8) 1 : return () ^
LIVE DEMO