Multiple-choice or true/false question card with CSS checkbox trick for answer reveal. Correct option is highlighted green on selection, wrong options dim. No JavaScript required — pure CSS :checked selectors drive the feedback state. Optionally shows an explanation block after any answer is chosen.
| Surface | Note |
|---|---|
| meet-stage | CSS :checked feedback works inside iframe but radio reset across slides may not persist |
| Renders as a static numbered question list with options as bullet points — no interactivity |
| Field | Type | |
|---|---|---|
| question | string. The question text. | required |
| options | list[string]. Answer options — 2 to 6 items. | required |
| correct | integer. Zero-based index of the correct option. | required |
| explanation | string. Shown after any option is selected. | optional |
| style | "default" | "dark" | "minimal" (optional, default "default") | optional |
{
"type": "quiz_question",
"question": "Which option do you prefer?",
"options": [
{
"label": "Option A",
"value": "a"
},
{
"label": "Option B",
"value": "b"
},
{
"label": "Option C",
"value": "c"
}
],
"correct": 1
}{
"identifier": "urn:air:a2uicatalog.ai:atom:quiz_question",
"displayName": "Quiz Question",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/quiz_question",
"capabilities": [
"web",
"apps-script-web"
],
"description": "Multiple-choice or true/false question card with CSS checkbox trick for answer reveal. Correct option is highlighted green on selection, wrong options dim. No JavaScript required \u2014 pure CSS :checked selectors drive the feedback state. Optionally shows an explanation block after any answer is chosen.",
"representativeQueries": [
"show a MCQ or true/false question with CSS-only correct/wrong feedback",
"multiple-choice or true/false question card with css checkbox trick for answer reveal. correct optio",
"render a quiz question"
]
}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