Primitive

VStack

Vertical flex column. The default stacking primitive. Emits div.ks-vstack.

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)

Row 1 Row 2 Row 3

DSL usage

VStack(spacing: 8) {
  Text("Row 1")
  Text("Row 2")
  Text("Row 3")
}

Attributes

Name	Type	Default	Description
`spacing`	CGFloat	`0`	Gap between children
`alignment`	Alignment	`leading`	Cross-axis: leading \| center \| trailing