{
  "definitions": {
    "events": {
      "$ref": "#/definitions/Events",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Events": {
          "additionalProperties": false,
          "type": "object"
        }
      }
    },
    "component": {
      "$ref": "#/definitions/Component",
      "$schema": "http://json-schema.org/draft-07/schema#",
      "definitions": {
        "Component": {
          "additionalProperties": false,
          "properties": {
            "body": {
              "additionalProperties": false,
              "properties": {
                "noborder": {
                  "type": "boolean"
                }
              },
              "type": "object"
            },
            "header": {
              "additionalProperties": false,
              "properties": {
                "badge": {
                  "type": "string"
                },
                "icon": {
                  "type": "string"
                },
                "label": {
                  "type": "string"
                }
              },
              "required": [
                "label"
              ],
              "type": "object"
            },
            "id": {
              "type": "string"
            },
            "style": {
              "type": "string"
            }
          },
          "type": "object"
        }
      }
    }
  },
  "description": "Bulma card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned tag; JSON `body` can remove inner padding with `noborder`. Default slots `header_content` and `content` let you inject arbitrary markup between the standard header row and body.",
  "storybookArgs": {
    "header": {
      "control": {
        "type": "object"
      }
    },
    "body": {
      "control": {
        "type": "object"
      }
    }
  },
  "styleSetup": {
    "vars": [
      {
        "name": "--bulma-card-background-color",
        "valueType": "color",
        "defaultValue": "#ffffff",
        "description": "Controls the visible card panel background so dashboard widgets match your shell while keeping inner content contrast clear for readers."
      },
      {
        "name": "--bulma-card-shadow",
        "valueType": "other",
        "defaultValue": "0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1)",
        "description": "Defines the drop shadow around the whole card, letting you tune depth against flat dashboards or dense grids without editing shadow markup."
      },
      {
        "name": "--bulma-card-header-color",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Sets the header title ink color so the metric label stays legible when you customize the card background or embed it on dark sections."
      },
      {
        "name": "--bulma-text-strong",
        "valueType": "color",
        "defaultValue": "#363636",
        "description": "Strong header weight context."
      }
    ],
    "parts": [
      {
        "name": "card",
        "description": "Root Bulma `card` element; use for elevation, border, or background on the whole widget."
      }
    ]
  },
  "contributors": [],
  "htmlSlots": [
    {
      "name": "header_content",
      "description": "Optional markup between the icon/title row and the end of `card-header` (extra controls or meta)."
    },
    {
      "name": "content",
      "description": "Main `card-content` body; replaces or augments the default padded content area."
    }
  ],
  "i18n": [],
  "examples": [
    {
      "name": "default",
      "description": "Header row with icon, title, and tag.",
      "data": {
        "header": {
          "label": "label",
          "icon": "window",
          "badge": "badge"
        }
      }
    },
    {
      "name": "headerOnly",
      "description": "Title without icon or badge.",
      "data": {
        "header": {
          "label": "Revenue"
        }
      }
    },
    {
      "name": "tightBody",
      "description": "Body area without inner padding (`noborder`).",
      "data": {
        "header": {
          "label": "Metrics",
          "icon": "graph-up",
          "badge": "live"
        },
        "body": {
          "noborder": true
        }
      }
    },
    {
      "name": "iconAndBadge",
      "description": "Icon + badge with a short dashboard label.",
      "data": {
        "header": {
          "label": "Alerts",
          "icon": "bell",
          "badge": "3"
        },
        "body": {}
      }
    }
  ],
  "iifeIntegrity": "sha384-2LxcWhvry9CYosJz+e7dx3cJmpr7HUELXC2Cq0Fy5vl5JXZ6hkOLIQ2GXQNz9gPT",
  "dependencies": [],
  "screenshots": [],
  "licenses": [
    {
      "type": "Apache-2.0",
      "path": "LICENSE.md",
      "cost": 0,
      "currency": "EUR"
    }
  ],
  "readmePath": "README.md",
  "name": "hb-dashboard-card1",
  "category": "data",
  "tags": [
    "data",
    "dashboard"
  ],
  "size": {},
  "iifePath": "main.iife.js",
  "repoName": "@htmlbricks/hb-dashboard-card1",
  "version": "0.76.5"
}