Atom

Spacer

Flex-grow filler. Pushes siblings apart in HStack/VStack. Emits a div.ks-spacer with flex:1.

Knobs

Density

Locale

Live Preview

Left

Spacer pushes apart

Right

Code (Katagami DSL)

HStack {
  Text("Left")
  Spacer()
  Text("Center note")
  Spacer()
  Text("Right")
}

Props

Name	Type	Default	Description
minLength	CGFloat	0	Minimum size before flex-grow
density	Density	comfortable	comfortable \| compact \| dense
locale	Locale	en	en \| fr

Used In