Generic multi-column layout container. Each column holds an array of atom blocks rendered inline. 2–6 columns; collapses to single column on mobile.
| Field | Type | |
|---|---|---|
| cols | integer (optional, 2–6, default 2) | optional |
| gap | string (optional, css gap value, default "1.5rem") | optional |
| align | string (optional, "top"|"center"|"stretch", default "top") | optional |
| items | array (required). Each item is {blocks: [atom blocks]} — one entry per column. | required |
{
"type": "columns",
"items": [
{
"label": "Item 1"
},
{
"label": "Item 2"
}
]
}
{
"identifier": "urn:air:a2uicatalog.ai:atom:columns",
"displayName": "Columns",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/columns",
"capabilities": [
"web",
"apps-script-web",
"pdf"
],
"description": "Generic multi-column layout container. Each column holds an array of atom blocks rendered inline. 2\u20136 columns; collapses to single column on mobile.",
"representativeQueries": [
"show a multi-column layout \u2014 2\u20136 cols, each column holds atom blocks",
"generic multi-column layout container. each column holds an array of atom blocks rendered inline. 2\u2013",
"render a columns"
]
}
The renderer is open source. Deploy your own instance in 4 commands — you own the URL, no dependency on the demo endpoint.
git clone https://github.com/a2uicatalog/a2ui
cd apps-script-surface/gas-schema-renderer
clasp push && clasp deploy
Full deploy guide →