A component representing a specific area within the grid. Automatically calculates grid-column and grid-row styles.
grid-column
grid-row
Component props.
The rendered section element.
<GridArea column={{ start: 3, end: 4 }} row={{ start: 1, end: 2 }} /> Copy
<GridArea column={{ start: 3, end: 4 }} row={{ start: 1, end: 2 }} />
A component representing a specific area within the grid. Automatically calculates
grid-columnandgrid-rowstyles.