Versus Block — A2UI Atomic Catalog

Degraded on

Surface	Note
googlechat	Renders as two stacked cards, losing the explicit 'VS' visual separation.
email	Renders as two stacked blocks, losing the explicit 'VS' visual separation and side-by-side layout.

Fields

Field	Type
entity_a_name	string	required
entity_a_description	string	required
entity_a_image_url	string	required
entity_b_name	string	required
entity_b_description	string	required
entity_b_image_url	string	required
comparison_points	array	required

Example payload

{
  "type": "versus_block",
  "entity_a_name": "Entity a name",
  "entity_a_description": "Entity a description",
  "entity_a_image_url": "https://example.com",
  "entity_b_name": "Entity b name",
  "entity_b_description": "Entity b description",
  "entity_b_image_url": "https://example.com",
  "comparison_points": [
    {
      "label": "Performance",
      "a": "Fast",
      "b": "Moderate"
    },
    {
      "label": "Price",
      "a": "$9",
      "b": "$19"
    }
  ]
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:versus_block",
  "displayName": "Versus Block",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/versus_block",
  "capabilities": [
    "web",
    "meet-stage",
    "apps-script-web"
  ],
  "description": "Renders a block explicitly comparing two entities with a prominent",
  "representativeQueries": [
    "show a head-to-head two-option versus card \"VS\" separator",
    "renders a block explicitly comparing two entities with a prominent",
    "render a versus block"
  ]
}

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 →