Atom

Grid

N-column CSS grid. Controlled via --ks-grid-columns custom property. Used for multi-column layouts.

Knobs

Density

Locale

Live Preview

Col 1 Col 2 Col 3 Col 4 Col 5 Col 6

Code (Katagami DSL)

Grid(columns: 3, spacing: 8) {
  ForEach(items) { item in
    Text(item.label)
  }
}

Props

Name	Type	Default	Description
columns	Int	3	Number of equal-width columns
spacing	CGFloat	0	Gap between cells
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In