Nav Bar — A2UI Atomic Catalog

Horizontal or vertical navigation bar linking to other named A2UI pages. Generates correct ?nav=&from= URLs at runtime using window._A2UI_NAV — no deployment URL needs to be hard-coded. Optionally sticky below the system nav header. Active page is highlighted automatically by comparing slugs.

Surfaces

apps-script-webwebmeet-stage

Fields

Field	Type
label	string. Small uppercase label above the bar.	optional
layout	string. "horizontal" (default) or "vertical".	optional
sticky	boolean. Whether to stick below the system nav header. Default true.	optional
top_offset	integer. Top offset in px when sticky. Default 52.	optional
accent	string. Active link accent colour. Default	optional
links	array (required). Array of {nav_slug, label, icon?, active?} objects. nav_slug is the saved page slug; the correct URL is generated at runtime.	required

Example payload

{
  "type": "nav_bar",
  "links": [
    {
      "label": "GitHub",
      "url": "https://github.com/a2uicatalog/a2ui"
    }
  ]
}

ARD catalog entry

{
  "identifier": "urn:air:a2uicatalog.ai:atom:nav_bar",
  "displayName": "Nav Bar",
  "type": "application/vnd.a2ui.atom+json",
  "url": "https://a2uicatalog.ai/atoms/nav_bar",
  "capabilities": [
    "apps-script-web",
    "web",
    "meet-stage"
  ],
  "description": "Horizontal or vertical navigation bar linking to other named A2UI pages. Generates correct ?nav=&from= URLs at runtime using window._A2UI_NAV \u2014 no deployment URL needs to be hard-coded. Optionally sticky below the system nav header. Active page is highlighted automatically by comparing slugs.",
  "representativeQueries": [
    "show a named-page nav bar \u2014 generates ?nav= URLs at runtime from _A2UI_NAV; active page auto-highlighted",
    "horizontal or vertical navigation bar linking to other named a2ui pages. generates correct ?nav=