Row

Horizontal flex container that arranges children in a row with configurable alignment and distribution.

Preview

Usage

{
  "id": "row-1",
  "component": {
    "Row": {
      "alignment": "center",
      "distribution": "spaceBetween",
      "children": {
        "explicitList": ["child-1", "child-2"]
      }
    }
  }
}

Props

Name	Description	Default
`children`	Child components to render inside the row. Can be an explicit list of component IDs or a template for dynamic rendering. `ComponentArrayReference`	—
`alignment`	Vertical alignment of children within the row. `"start""center""end""stretch"`	`stretch`
`distribution`	Horizontal distribution of children along the row. `"start""center""end""spaceBetween""spaceAround""spaceEvenly"`	`start`