Http Request Block — A2UI Atomic Catalog

Renders a formatted API request block displaying the HTTP method badge, URL endpoint, headers, and body.

Surfaces

webapps-script-web

Degraded on

Surface	Note
meet-stage	Layout shifts or responsive styling can clip wide URL strings.
googlechat	Strips method badges and colors, rendering as basic raw markdown text.
email	Complex inline structures and method badge background colors drop out.

Fields

Field	Type
method	string: GET \| POST \| PUT \| DELETE \| PATCH. The HTTP verb.	required
url	string. The fully qualified or relative API endpoint route.	required
headers	object. Key-value pairs detailing required HTTP headers.	required
body	string. Optional request payload, typically stringified JSON.	optional

Example payload

{
  "type": "http_request_block",
  "method": "GET",
  "url": 1,
  "headers": [
    "Name",
    "Value",
    "Status"
  ]
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:http_request_block",
  "displayName": "Http Request Block",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/http_request_block",
  "capabilities": [
    "web",
    "apps-script-web"
  ],
  "description": "Renders a formatted API request block displaying the HTTP method badge, URL endpoint, headers, and body.",
  "representativeQueries": [
    "show a document REST API endpoints with HTTP methods, headers, and payloads",
    "renders a formatted api request block displaying the http method badge, url endpoint, headers, and b",
    "render a http request 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 →