Chip Group

Row of filter/tag chips, optionally scrollable. Chips can link to URLs and have active state.

Surfaces
webgoogle-apps-script-webmcp-apps
Live preview
Fields
FieldType
labelstring (optional, group heading)optional
layoutstring (optional, "wrap"|"scroll", default "wrap")optional
same_tabbool (optional, default false). Chip links open in a new tab by default, which is right for OUTBOUND links from an embedded surface. Set this when the chips are navigation WITHIN one app — otherwise every tap leaves a tab behind, and four pages on a phone means four tabs.optional
chipsarray (required). Array of {label, color? (hex), url? (href), active? (bool)}required
Example payload
{
  "type": "chip_group",
  "chips": true
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:chip_group",
  "displayName": "Chip Group",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/chip_group",
  "capabilities": [
    "web",
    "google-apps-script-web",
    "mcp-apps"
  ],
  "description": "Row of filter/tag chips, optionally scrollable. Chips can link to URLs and have active state.",
  "representativeQueries": [
    "show a chip/tag row \u2014 label, color, url, active state; wrap or scroll layout",
    "row of filter/tag chips, optionally scrollable. chips can link to urls and have active state.",
    "render a chip group"
  ]
}
← Full ARD catalog
Deploy your own Google Apps Script renderer

The renderer is an open-source Google Apps Script web app. 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 a2ui/apps-script-surface/gas-wired-renderer
clasp push && clasp deploy
Full deploy guide →