Flex Direction
The Telerik and Kendo UI Flex Direction Utilities are CSS utility classes that enable you to control placing direction of the flex items in a flex container.
| Utility Class | CSS Property |
|---|---|
.k-flex-col-reverse | flex-direction: column-reverse; |
.k-flex-row | flex-direction: row; |
.k-flex-row-reverse | flex-direction: row-reverse; |
.k-flex-col | flex-direction: column; |
Row
Use the k-flex-row utility to place the items in the same direction as the main axis.
Row Reverse
Use the k-flex-row-reverse utility to place the items in the opposite direction of the main axis.
Column
Use the k-flex-column utility to place the items in the same direction as the cross axis.
Column Reverse
Use the k-flex-column-reverse utility to place the items in the opposite direction of the cross axis.
