Two-panel split layout with distinct background colors per pane. Each pane renders atom blocks independently. Unlike columns, each side has its own background.
| Field | Type | |
|---|---|---|
| left | object — {bg (css color, default "#f8fafc"), blocks (atom blocks)} | required |
| right | object — {bg (css color, default "#fff"), blocks (atom blocks)} | required |
{
"type": "split_pane"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:split_pane",
"displayName": "Split Pane",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/split_pane",
"capabilities": [
"web",
"apps-script-web"
],
"description": "Two-panel split layout with distinct background colors per pane. Each pane renders atom blocks independently. Unlike columns, each side has its own background.",
"representativeQueries": [
"show a two-panel split \u2014 distinct bg per side, each side renders atom blocks",
"two-panel split layout with distinct background colors per pane. each pane renders atom blocks indep",
"render a split pane"
]
}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