Button or anchor that uses CSS box-shadow to signal state. Three named states — disabled (grey), ready (brand), fired (success pulse) — each with a distinct glow colour and optional pulse animation. State is set via the state field; no JavaScript required.
| Surface | Note |
|---|---|
| Renders as a static button without glow or animation | |
| googlechat | CSS animation not supported; renders as a flat button |
| Field | Type | |
|---|---|---|
| label | string. Button text. | required |
| state | "disabled" | "ready" | "fired" (optional, default "ready") | optional |
| href | string. If set renders as an anchor tag. | optional |
| color_ready | string. Glow colour in ready state. Default "#38bdf8". | optional |
| color_fired | string. Glow colour in fired state. Default "#34d399". | optional |
| size | "sm" | "md" | "lg" (optional, default "md") | optional |
| description | string. Small caption text below the button. | optional |
{
"type": "glow_button",
"label": "Glow Button"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:glow_button",
"displayName": "Glow Button",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/glow_button",
"capabilities": [
"web",
"meet-stage",
"gas-sidebar",
"apps-script-web"
],
"description": "Button or anchor that uses CSS box-shadow to signal state. Three named states \u2014 disabled (grey), ready (brand), fired (success pulse) \u2014 each with a distinct glow colour and optional pulse animation. State is set via the state field; no JavaScript required.",
"representativeQueries": [
"show a CSS box-shadow state-signalling button with disabled/ready/fired glow",
"button or anchor that uses css box-shadow to signal state. three named states \u2014 disabled (grey), rea",
"render a glow button"
]
}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