A2Column

Vertical column layout component for arranging children vertically.

Props

Property	Type	Default	Description
span	number	24	Width span (1-24)
gap	number	0	Gap between children (px)
align	`start	center	end

Basic Example

Basic Column

{ "id": "colMain", "type": "a2-column", "props": { "gap": 16 }, "children": [ { "id": "field1", "type": "a2-text-field", "props": { "label": "Email", "prop": "email" } }, { "id": "field2", "type": "a2-text-field", "props": { "label": "Password", "prop": "password" } }, { "id": "btn", "type": "a2-button", "props": { "text": "Login", "type": "primary" } } ] }

无内容

Aligned Column Example

Centered Column

{ "id": "colCenter", "type": "a2-column", "props": { "gap": 12, "align": "center" }, "children": [ { "id": "icon", "type": "a2-icon", "props": { "name": "User", "size": 48 } }, { "id": "title", "type": "a2-text", "props": { "text": "Welcome", "variant": "h3" } }, { "id": "desc", "type": "a2-text", "props": { "text": "Please login to continue" } } ] }

无内容

JSON Schema

{
  "id": "columnId",
  "type": "a2-column",
  "props": {
    "span": 12,
    "gap": 16,
    "align": "stretch"
  },
  "children": []
}