Grid

cols is 1-6 or 12 and collapses on small screens unless responsive={false}.

Kevin

Stuart

Bob

Dave

Carl

Phil

Props

cols1 | 2 | 3 | 4 | 5 | 6 | 12
Default: 2
Number of columns.
gap0 | 1 | 2 | 3 | 4 | 6 | 8
Spacing between children (Tailwind spacing steps).
responsiveboolean
Default: true
Use fewer columns on small screens; false keeps cols everywhere.
classNamestring
Default: ''
Extra classes for the root element.
asElementType
Default: 'div'
Element or component to render.
childrenReactNode
Content.
...rest
Any other props are passed to the underlying element.

Grid props
Prop	Type	Default	Description
`cols`	1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 12	`2`	Number of columns.
`gap`	0 \| 1 \| 2 \| 3 \| 4 \| 6 \| 8	–	Spacing between children (Tailwind spacing steps).
`responsive`	boolean	`true`	Use fewer columns on small screens; `false` keeps `cols` everywhere.
`className`	string	`''`	Extra classes for the root element.
`as`	ElementType	`'div'`	Element or component to render.
`children`	ReactNode	–	Content.
`...rest`		–	Any other props are passed to the underlying element.