[@johanneslumpe/styled-props](../README.md) > ["utils/grid-layout/grid"](../modules/_utils_grid_layout_grid_.md) > [GridProps](../interfaces/_utils_grid_layout_grid_.gridprops.md)

# Interface: GridProps

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

**GridProps**

## Index

### Properties

* [style$Grid](_utils_grid_layout_grid_.gridprops.md#style_grid)

---

## Properties

<a id="style_grid"></a>

###  style$Grid

**● style$Grid**: *`T`*

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

The **`grid`** CSS property is a shorthand property that sets all of the explicit grid properties (`grid-template-rows`, `grid-template-columns`, and `grid-template-areas`), and all the implicit grid properties (`grid-auto-rows`, `grid-auto-columns`, and `grid-auto-flow`), in a single declaration.

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

___