Primitive

HStack

Horizontal flex row. All Katagami side-by-side layouts use HStack as their direct container. Emits div.ks-hstack.

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)
Child A Child B Child C
DSL usage
HStack(spacing: 12) {
  Text("Child A")
  Text("Child B")
  Text("Child C")
}
Attributes
NameTypeDefaultDescription
spacingCGFloat0Gap between children in points
alignmentAlignmentcenterCross-axis alignment: top | center | bottom
paddingEdgeInsetszeroInner padding