Renders a standalone section of content that can be toggled between
| Field | Type | |
|---|---|---|
| toggle_label | string The text for the control that expands/collapses the content. | required |
| initial_state | string, default "collapsed" The initial state of the panel ("expanded" or "collapsed"). | required |
| content | string The main content to be shown or hidden. | required |
{
"type": "collapsible_panel",
"toggle_label": "Toggle label",
"content": "A concise description of the content."
}{
"identifier": "urn:air:a2uicatalog.ai:atom:collapsible_panel",
"displayName": "Collapsible Panel",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/collapsible_panel",
"capabilities": [
"web",
"meet-stage",
"apps-script-web"
],
"description": "Renders a standalone section of content that can be toggled between",
"representativeQueries": [
"show a expandable content panel with header toggle visible and hidden states by clicking a control, using only CSS",
"renders a standalone section of content that can be toggled between",
"render a collapsible panel"
]
}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