Grid
Layout

Grid.

A responsive CSS grid composition primitive.

Real interactive component
Live demo
One
Two
Three

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

4 props
ParameterTypeRequiredDefaultPossible valuesDescription
childrenReactNodeNo——Items automatically arranged into columns.
minWidthnumberNo170—Minimum width of an individual grid item in pixels.
gapnumberNo3—Grid gap in 4px increments.
classNamestringNo——Custom grid class.