Grid

Last updated: 3.0.0 (04/07/2024)

GenericGridProps

Extends GenericLayoutProps.

Property	Type	Description
grid	CSSProperties["grid"]	Sets grid css property.
gap	CSSProperties["gap"]	Sets gap css property.
rowGap	CSSProperties["rowGap"]	Sets row-gap css property.
columnGap	CSSProperties["columnGap"]	Sets column-gap css property.
template	CSSProperties["gridTemplate"]	Sets grid-template css property.
rows	number | CSSProperties["gridTemplateRows"]	Sets grid-template-rows css property.
columns	number | CSSProperties["gridTemplateColumns"]	Sets grid-template-columns css property.
templateAreas	CSSProperties["gridTemplateAreas"]	Sets grid-template-areas css property.
autoRows	CSSProperties["gridAutoRows"]	Sets grid-auto-rows css property.
autoColumns	CSSProperties["gridAutoColumns"]	Sets grid-auto-columns css property.
autoFlow	CSSProperties["gridAutoFlow"]	Sets grid-auto-flow css property.
justifyItems	CSSProperties["justifyItems"]	Sets justify-items css property.
justifyContent	CSSProperties["justifyContent"]	Sets justify-content css property.
alignItems	CSSProperties["alignItems"]	Sets align-items css property.
alignContent	CSSProperties["alignContent"]	Sets align-content css property.

GenericGridItemProps

Extends GenericLayoutProps.

Property	Type	Description
area	CSSProperties["gridArea"]	Sets grid-area css property.
column	CSSProperties["gridColumn"]	Sets grid-column css property.
columnStart	CSSProperties["gridColumnStart"]	Sets grid-column-start css property.
columnEnd	CSSProperties["gridColumnEnd"]	Sets grid-column-end css property.
row	CSSProperties["gridRow"]	Sets grid-rowcss property.
rowStart	CSSProperties["gridRowStart"]	Sets grid-row-start css property.
rowEnd	CSSProperties["gridRowEnd"]	Sets grid-row-end css property.
justify	CSSProperties["justifySelf"]	Sets justify-self css property.
align	CSSProperties["alignSelf"]	Sets align-self css property.
place	CSSProperties["placeSelf"]	Sets place-self css property.
order	CSSProperties["order"]	Sets order css property.

---

Changelog

• 3.0.0: Replaced templateRows and templateColumns props with rows and columns props, respectively; allowed them to accept number types as well.