{
  "name": "admin-page-header-flush",
  "kind": "block",
  "primary": "admin-page-header",
  "page": "/site/patterns/admin-page-header.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<admin-page-header>\n            <header data-flush>\n              <div><h1>Account</h1></div>\n              <p>Personal details, billing, and security.</p>\n            </header>\n          </admin-page-header>",
  "source": "site/pages/patterns/admin-page-header.html",
  "metadata": {
    "domain": "layout",
    "description": "Admin page header band with data-flush on the inner header to drop the bottom border. Use when the page body provides its own top edge (hero panel, edge-to-edge card).",
    "keywords": [
      "admin",
      "page",
      "header",
      "flush",
      "no-border",
      "data-flush",
      "title",
      "band",
      "borderless",
      "hero",
      "edge",
      "admin-page-header",
      "account",
      "layout"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Account"
    },
    {
      "id": "column",
      "component": "Column",
      "children": [
        "text"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "children": [
        "column"
      ]
    },
    {
      "id": "card",
      "component": "Card",
      "children": [
        "section"
      ]
    },
    {
      "id": "text-2",
      "component": "Text",
      "variant": "body",
      "textContent": "Personal details, billing, and security."
    },
    {
      "id": "header",
      "component": "Header",
      "data-flush": "",
      "children": [
        "card",
        "text-2"
      ]
    },
    {
      "id": "root",
      "component": "AdminPageHeader",
      "children": [
        "header"
      ]
    }
  ]
}