To help developers get started quickly, the A2UI team maintains the Basic Catalog.

Row

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

Preview

Usage

{
  "id": "row-1",
  "component": "Row",
  "align": "center",
  "justify": "spaceBetween",
  "children": ["child-1", "child-2"]
}

Props

NameDescriptionDefault
children
Array of child component IDs to render inside the row.
string[]
align
Vertical alignment of children within the row.
"start""center""end""stretch""baseline"
stretch
justify
Horizontal distribution of children along the row.
"start""center""end""spaceBetween""spaceAround"
start