[@johanneslumpe/styled-props](../README.md) > ["utils/flexible-box-layout/flexGrow"](../modules/_utils_flexible_box_layout_flexgrow_.md) > [FlexGrowProps](../interfaces/_utils_flexible_box_layout_flexgrow_.flexgrowprops.md)

# Interface: FlexGrowProps

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

**FlexGrowProps**

## Index

### Properties

* [style$FlexGrow](_utils_flexible_box_layout_flexgrow_.flexgrowprops.md#style_flexgrow)

---

## Properties

<a id="style_flexgrow"></a>

###  style$FlexGrow

**● style$FlexGrow**: *`T`*

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

The **`flex-grow`** CSS property sets how much of the remaining space in the flex container should be assigned to that item (the flex grow factor). The remaining space is the size of the flex container minus the size of all flex items together. If all sibling items have the same flex grow factor, then all items will receive the same share of remaining space, otherwise it is distributed according to the ratio defined by the different flex grow factors.

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

___