[@johanneslumpe/styled-props](../README.md) > ["utils/grid-layout/gridArea"](../modules/_utils_grid_layout_gridarea_.md) > [GridAreaProps](../interfaces/_utils_grid_layout_gridarea_.gridareaprops.md)

# Interface: GridAreaProps

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

**GridAreaProps**

## Index

### Properties

* [style$GridArea](_utils_grid_layout_gridarea_.gridareaprops.md#style_gridarea)

---

## Properties

<a id="style_gridarea"></a>

###  style$GridArea

**● style$GridArea**: *`T`*

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

The **`grid-area`** CSS property is a shorthand property for `grid-row-start`, `grid-column-start`, `grid-row-end` and `grid-column-end`, specifying a grid item’s size and location within the grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.

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

___