Rich body text passage with clickable highlighted terms that reveal inline explanations in a panel below. No state required. Ideal for glossary enrichment, technical definitions, or legal clause annotation within learning content.
| Field | Type | |
|---|---|---|
| text | string (required). Body text passage. Annotated terms are replaced server-side. | required |
| notes | array (required). Array of {term, explanation, color?} objects. First match in text is highlighted. | required |
{
"type": "annotation_highlight",
"text": "A concise description of the content.",
"notes": [
{
"text": "Important annotation",
"range": "line 5"
}
]
}{
"identifier": "urn:air:a2uicatalog.ai:atom:annotation_highlight",
"displayName": "Annotation Highlight",
"type": "application/vnd.a2ui.atom+json",
"url": "https://a2uicatalog.ai/atoms/annotation_highlight",
"capabilities": [
"apps-script-web",
"web",
"meet-stage"
],
"description": "Rich body text passage with clickable highlighted terms that reveal inline explanations in a panel below. No state required. Ideal for glossary enrichment, technical definitions, or legal clause annotation within learning content.",
"representativeQueries": [
"show a annotated body text \u2014 click highlighted terms to reveal inline explanations",
"rich body text passage with clickable highlighted terms that reveal inline explanations in a panel b",
"render a annotation highlight"
]
}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