{
  "name": "admin-page-header-with-actions",
  "kind": "block",
  "primary": "admin-page-header",
  "page": "/site/patterns/admin-page-header.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<admin-page-header>\n            <header>\n              <div>\n                <h1>Customers</h1>\n                <div data-actions>\n                  <button-ui text=\"Export\" icon=\"download\" variant=\"outline\" size=\"sm\"></button-ui>\n                  <button-ui text=\"+ New customer\" variant=\"primary\" size=\"sm\"></button-ui>\n                </div>\n              </div>\n              <p>1,284 customers · 38 added this week.</p>\n            </header>\n          </admin-page-header>",
  "source": "site/pages/patterns/admin-page-header.html",
  "metadata": {
    "domain": "layout",
    "description": "Admin page header band with right-aligned page-level action buttons (Export, + New) in a data-actions slot beside the title. For pages with page-scope verbs.",
    "keywords": [
      "admin",
      "page",
      "header",
      "actions",
      "buttons",
      "export",
      "new",
      "title",
      "band",
      "page-level",
      "toolbar",
      "admin-page-header",
      "data-actions",
      "primary",
      "outline",
      "layout"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Customers"
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "download",
      "size": "sm",
      "text": "Export",
      "variant": "outline"
    },
    {
      "id": "button-2",
      "component": "Button",
      "size": "sm",
      "text": "+ New customer",
      "variant": "primary"
    },
    {
      "id": "column",
      "component": "Column",
      "data-actions": "",
      "children": [
        "button",
        "button-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "children": [
        "text",
        "column"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column-2"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "section"
      ]
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "1,284 customers · 38 added this week."
    },
    {
      "id": "header",
      "component": "Header",
      "children": [
        "card",
        "text-2"
      ]
    },
    {
      "id": "root",
      "component": "AdminPageHeader",
      "children": [
        "header"
      ]
    }
  ]
}