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
webmeet-stage ⚠apps-script-web
Degraded on
SurfaceNote
meet-stageCards render and are selectable; value capture requires stage-level routing
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",
    "meet-stage",
    "apps-script-web"
  ],
  "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 Try it live →
Deploy your own renderer

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
Full deploy guide →