Theme

GridHealthy

A responsive grid layout component.

Basic usage

Props

Grid

System Props

COMMON
TYPOGRAPHY
BORDER
LAYOUT
POSITION
FLEX
GRID
Learn More

Name	Type	Description
`inline`	`boolean`	-
`flow`	`ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>>`	-
`gradient`	`ResponsiveValue<BackgroundProperty<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>`	-
`className`	`string`	-
`cols`	`ResponsiveValue<GridTemplateColumnsProperty<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>`	-
`rows`	`ResponsiveValue<GridTemplateRowsProperty<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>`	-
`gaps`	`ResponsiveValue<GridGapProperty<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>`	-
`areas`	`ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>>`	-
`placeContent`	`ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>>`	-
`placeItems`	`ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>>`	-

Cell

System Props

COMMON
TYPOGRAPHY
BORDER
LAYOUT
POSITION
FLEX
GRID
Learn More

Name	Type	Description
`area`	`ResponsiveValue<GridAreaProperty, Required<Theme<TLengthStyledSystem>>>`	-
`col`	`ResponsiveValue<GridColumnProperty, Required<Theme<TLengthStyledSystem>>>`	-
`gradient`	`ResponsiveValue<BackgroundProperty<TLengthStyledSystem>, Required<Theme<TLengthStyledSystem>>>`	-
`row`	`ResponsiveValue<GridRowProperty, Required<Theme<TLengthStyledSystem>>>`	-
`className`	`string`	-
`placeSelf`	`ResponsiveValue<string, Required<Theme<TLengthStyledSystem>>>`	-