Renders a modal dialog that appears on click and can be dismissed,
| Field | Type | |
|---|---|---|
| trigger_text | string The text or element that, when clicked, opens the modal. | required |
| modal_title | string The title displayed at the top of the modal. | required |
| modal_body | string The main content of the modal dialog. | required |
| close_button_label | string, default "Close" The label for the button to close the modal. | required |
{
"type": "css_modal",
"trigger_text": "Click to trigger",
"modal_title": "Modal title",
"modal_body": "Modal body"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:css_modal",
"displayName": "Css Modal",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/css_modal",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Renders a modal dialog that appears on click and can be dismissed,",
"representativeQueries": [
"show a pure-CSS modal dialog triggered by checkbox controlled purely by CSS without JavaScript",
"renders a modal dialog that appears on click and can be dismissed,",
"render a css 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