Guided step-by-step onboarding flow for first-time learners. Each step has a label, description, optional action URL (navigated to on completion), and a "Mark complete" button. Completed steps persist in progress_store and are restored on revisit. Progress count shown at top.
| Field | Type | |
|---|---|---|
| title | string. Stepper heading. Default "Get Started". | optional |
| accent | string. Active step indicator colour. Default | optional |
| steps | array (required). Array of {id, icon, label, description, action_label, action_url?} objects. | required |
{
"type": "onboarding_stepper",
"steps": [
{
"title": "Step one",
"body": "First thing to do."
},
{
"title": "Step two",
"body": "Then this."
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:onboarding_stepper",
"displayName": "Onboarding Stepper",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/onboarding_stepper",
"capabilities": [
"apps-script-web",
"web",
"meet-stage"
],
"description": "Guided step-by-step onboarding flow for first-time learners. Each step has a label, description, optional action URL (navigated to on completion), and a \"Mark complete\" button. Completed steps persist in progress_store and are restored on revisit. Progress count shown at top.",
"representativeQueries": [
"show a guided onboarding steps \u2014 completes to progress_store, restores on revisit",
"guided step-by-step onboarding flow for first-time learners. each step has a label, description, opt",
"render a onboarding stepper"
]
}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