Primitive

Grid

N-column CSS grid. Controlled via --ks-grid-columns custom property. Used by sm-program-guide (rows × time-slots).

Responsive Preview — viewport @media queries

Mobile · 375 px

Tablet · 768 px

Desktop · 1280 px

Container Tier (SM widget responsive system)

Container width

Live Preview (chrome-mode, container-tier knobs)

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

DSL usage

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

Attributes

Name	Type	Default	Description
`columns`	Int	`3`	Number of equal-width columns
`spacing`	CGFloat	`0`	Gap between cells