{
  "name": "empty-state-danger",
  "kind": "block",
  "primary": "section",
  "page": "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<section>\n    <empty-state-ui variant=\"danger\" icon=\"warning-circle\" heading=\"Could not load data\" description=\"The server returned an error. Retry in a moment or check your connection.\">\n      <button-ui slot=\"action\" text=\"Retry\" variant=\"outline\" icon=\"arrow-clockwise\"></button-ui>\n    </empty-state-ui>\n  </section>",
  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "metadata": {
    "domain": "data",
    "description": "Full-section error empty-state when content cannot be loaded — colored icon+text, no background tint, with a Retry action.",
    "keywords": [
      "empty",
      "state",
      "error",
      "danger",
      "api",
      "failure",
      "cannot",
      "load",
      "retry",
      "permission",
      "error",
      "state"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "button",
      "component": "Button",
      "slot": "action",
      "icon": "arrow-clockwise",
      "text": "Retry",
      "variant": "outline"
    },
    {
      "id": "empty-state",
      "component": "EmptyState",
      "description": "The server returned an error. Retry in a moment or check your connection.",
      "heading": "Could not load data",
      "icon": "warning-circle",
      "variant": "danger",
      "children": [
        "button"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "children": [
        "empty-state"
      ]
    }
  ]
}