Choicebox Group

Card-style option selector where each option renders as a full card with icon, title, and description. The entire card is the click target — richer than radio buttons. Inspired by Vercel Geist Choicebox. Ideal for plan selection, framework choice, and AI-generated setup wizards.

Surfaces
webgoogle-meet-stage ⚠google-apps-script-webmcp-apps
Degraded on
SurfaceNote
google-meet-stageCards render and are selectable; value capture requires stage-level routing
Live preview
Fields
FieldType
labelstring. Group heading above the cards.optional
namestring. Form field name for the selected value(s).required
multipleboolean (optional, default false). If true allows multiple selections.optional
accentstring (optional, defaultoptional
submit_labelstring. If set, renders a submit button below the cards.optional
items{'type': 'array', 'description': 'List of {value, title, description?, icon?, disabled?} entries.'}required
Example payload
{
  "type": "choicebox_group",
  "name": "Choicebox Group",
  "items": [
    {
      "label": "Item 1"
    },
    {
      "label": "Item 2"
    }
  ]
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:choicebox_group",
  "displayName": "Choicebox Group",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/choicebox_group",
  "capabilities": [
    "web",
    "google-meet-stage",
    "google-apps-script-web",
    "mcp-apps"
  ],
  "description": "Card-style option selector where each option renders as a full card with icon, title, and description. The entire card is the click target \u2014 richer than radio buttons. Inspired by Vercel Geist Choicebox. Ideal for plan selection, framework choice, and AI-generated setup wizards.",
  "representativeQueries": [
    "show a card-style option selector with icon, title, description per card",
    "card-style option selector where each option renders as a full card with icon, title, and descriptio",
    "render a choicebox 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 →