Flex Direction

Class Properties
t.flexRow flexDirection: 'row'
t.flexRowReverse flexDirection: 'row-reverse'
t.flexCol flexDirection: 'column'
t.flexColReverse flexDirection: 'column-reverse'

Row

Use t.flexRow to position flex items horizontally in the same direction as text:

1
2
3

Row reversed

Use t.flexRowReverse to position flex items horizontally in the opposite direction:

1
2
3

Column

Use t.flexCol to position flex items vertically:

1
2
3

Column reversed

Use t.flexColReverse to position flex items vertically in the opposite direction:

1
2
3