[@johanneslumpe/styled-props](../README.md) > ["utils/flexible-box-layout/flex"](../modules/_utils_flexible_box_layout_flex_.md) > [FlexProps](../interfaces/_utils_flexible_box_layout_flex_.flexprops.md)

# Interface: FlexProps

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

**FlexProps**

## Index

### Properties

* [style$Flex](_utils_flexible_box_layout_flex_.flexprops.md#style_flex)

---

## Properties

<a id="style_flex"></a>

###  style$Flex

**● style$Flex**: *`T`*

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

The **`flex`** CSS property sets how a flex item will grow or shrink to fit the space available in its flex container. It is a shorthand for `flex-grow`, `flex-shrink`, and `flex-basis`.

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

___