Modal dialog overlay with a title, configurable size, and arbitrary content children. Opened programmatically or via a trigger button. Closes on X, Escape, or backdrop click.
| Field | Type | |
|---|---|---|
| title | string. Modal heading. | required |
| size | string. One of: sm, md, lg. Default: md. | optional |
| children | {'type': 'array', 'description': 'Content atoms to render inside the modal body.'} | required |
| trigger_label | string. If set, renders a button that opens the modal. | optional |
{
"type": "modal",
"title": "Modal",
"children": [
{
"type": "body",
"text": "Example content."
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:modal",
"displayName": "Modal",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/modal",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Modal dialog overlay with a title, configurable size, and arbitrary content children. Opened programmatically or via a trigger button. Closes on X, Escape, or backdrop click.",
"representativeQueries": [
"show a modal dialog overlay with title and content",
"modal dialog overlay with a title, configurable size, and arbitrary content children. opened program",
"render a modal"
]
}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