Text Callout

Compact tinted note or tip block used inline within cards, forms, or panels. Lighter than callout — no left-border accent, no icon; just a soft colour-tinted background with a small bold title above body text. Adapted from the TextCallout pattern in OpenUI OUI benchmark samples.

Surfaces
webmeet-stagegooglechatemailpdfapps-script-web
Fields
FieldType
variantstring. Display variant — "info", "success", "warning", "neutral".required
titlestring. Short bold label (e.g. "Tip", "Note", "Good to know").required
descriptionstring. Body text.required
Example payload
{
  "type": "text_callout",
  "variant": "primary",
  "title": "Text Callout",
  "description": "A concise description of the content."
}
ARD catalog entry
{
  "identifier": "urn:air:a2uicatalog.ai:atom:text_callout",
  "displayName": "Text Callout",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/text_callout",
  "capabilities": [
    "web",
    "meet-stage",
    "googlechat",
    "email",
    "pdf",
    "apps-script-web"
  ],
  "description": "Compact tinted note or tip block used inline within cards, forms, or panels. Lighter than callout \u2014 no left-border accent, no icon; just a soft colour-tinted background with a small bold title above body text. Adapted from the TextCallout pattern in OpenUI OUI benchmark samples.",
  "representativeQueries": [
    "show a lightweight tinted inline tip or note block no icon",
    "compact tinted note or tip block used inline within cards, forms, or panels. lighter than callout \u2014",
    "render a text callout"
  ]
}
← 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 →