Previous/next lesson navigation bar with the current lesson title centred and module context shown above. Each side shows the adjacent lesson title and a directional arrow. Optionally shows a completion checkbox for the current lesson that persists via localStorage.
| Surface | Note |
|---|---|
| meet-stage | Renders as a simplified prev/next pill row — localStorage persistence unavailable in iframe |
| Renders as a static prev/next text row with lesson titles | |
| googlechat | Renders as a plain text prev/next line — no navigation links |
| Renders as a plain text nav row — links may be stripped by email clients |
| Field | Type | |
|---|---|---|
| module_label | string. Module or section name shown above the nav bar. | optional |
| current_title | string. Title of the current lesson. | required |
| prev_title | string. Title of the previous lesson. Omit to hide prev arrow. | optional |
| prev_url | url. Link for the previous lesson. | optional |
| next_title | string. Title of the next lesson. Omit to hide next arrow. | optional |
| next_url | url. Link for the next lesson. | optional |
| show_completion | boolean (optional, default false). Show a "Mark as complete" checkbox persisted in localStorage. | optional |
{
"type": "lesson_nav",
"current_title": "Current title"
}{
"identifier": "urn:air:a2uicatalog.ai:atom:lesson_nav",
"displayName": "Lesson Nav",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/lesson_nav",
"capabilities": [
"web",
"apps-script-web"
],
"description": "Previous/next lesson navigation bar with the current lesson title centred and module context shown above. Each side shows the adjacent lesson title and a directional arrow. Optionally shows a completion checkbox for the current lesson that persists via localStorage.",
"representativeQueries": [
"show a prev/next lesson navigation with module context and optional completion checkbox",
"previous/next lesson navigation bar with the current lesson title centred and module context shown a",
"render a lesson nav"
]
}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