Atom
HStack
Horizontal flex row. All Katagami side-by-side layouts use HStack as their direct container. Emits div.ks-hstack.
Knobs
Density
Locale
Live Preview
Child A
Child B
Child C
Code (Katagami DSL)
HStack(spacing: 12) {
Text("Child A")
Text("Child B")
Text("Child C")
}
Props
| Name | Type | Default | Description |
|---|---|---|---|
| spacing | CGFloat | 0 | Gap between children in points |
| alignment | Alignment | center | Cross-axis alignment: top | center | bottom |
| padding | EdgeInsets | zero | Inner padding |
| density | Density | comfortable | comfortable | compact | dense |
| locale | Locale | en | en | fr |