Layout

Grid

A robust grid system with support for responsive column counts and consistent gutter spacing.

ITEM 1

ITEM 2

ITEM 3

ITEM 4

ITEM 5

ITEM 6

Props

Prop	Type	Default	Description
`cols`	`number`	Columns on smallest devices	Columns on smallest devices
`smCols`	`number`	Columns on small tablets (480px+)	Columns on small tablets (480px+)
`mdCols`	`number`	Columns on tablets/desktops (768px+)	Columns on tablets/desktops (768px+)
`gap`	`number`	Pixel spacing between grid items	Pixel spacing between grid items

$npx kachindo-ui add grid