View Sourceimport { Grid } from 'components'

Grid

The Grid component manages layout of immediate children along columns and rows. Each child can use the column|Start|End or row|Start|End shorthand properties to control where they are placed in the grid.

Props

Grid

View Source

gridColumn

string

gridTemplateColumns

string

gridTemplateRows

string

alignItems

"center" | "end" | "start"

justifyItems

"center" | "end" | "start"

width

string | number

maxWidth

string | number

height

string | number

maxHeight

string | number

padding

string | number

gap

string | number

columnGap

string | number

rowGap

string | number

background

string

minWidth

string | number

minHeight

string | number

placeItems

"center" | "end" | "start"

paddingX

string | number

paddingXStart

string | number

paddingXEnd

string | number

paddingY

string | number

paddingYStart

string | number

paddingYEnd

string | number