[@johanneslumpe/styled-props](../README.md) > ["utils/flexible-box-layout/flexDirection"](../modules/_utils_flexible_box_layout_flexdirection_.md) > [FlexDirectionProps](../interfaces/_utils_flexible_box_layout_flexdirection_.flexdirectionprops.md)

# Interface: FlexDirectionProps

## Type parameters
#### T 
## Hierarchy

**FlexDirectionProps**

## Index

### Properties

* [style$FlexDirection](_utils_flexible_box_layout_flexdirection_.flexdirectionprops.md#style_flexdirection)

---

## Properties

<a id="style_flexdirection"></a>

###  style$FlexDirection

**● style$FlexDirection**: *`T`*

*Defined in [utils/flexible-box-layout/flexDirection.ts:12](https://github.com/johanneslumpe/styled-props/blob/8e709f1/src/utils/flexible-box-layout/flexDirection.ts#L12)*

The **`flex-direction`** CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).

*__see__*: [https://developer.mozilla.org/docs/Web/CSS/flex-direction](https://developer.mozilla.org/docs/Web/CSS/flex-direction)

___