{
  "name": "badge",
  "displayName": "Badge",
  "type": "custom",
  "isCustomElement": true,
  "tag": "l-badge",
  "nativeTag": null,
  "selector": "l-badge",
  "subItemOf": null,
  "summary": "A badge component for displaying small status indicators.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": "luxen-ui/css/badge",
    "js": "luxen-ui/badge"
  },
  "properties": [
    {
      "name": "variant",
      "attribute": "variant",
      "type": "BadgeVariant | undefined",
      "default": null,
      "reflects": true,
      "description": "Style variant: `info`, `success`, `warning`, `danger`, or `neutral` (default)"
    },
    {
      "name": "pill",
      "attribute": "pill",
      "type": "boolean",
      "default": "false",
      "reflects": true,
      "description": "Display as pill shape"
    },
    {
      "name": "size",
      "attribute": "size",
      "type": "BadgeSize | undefined",
      "default": null,
      "reflects": true,
      "description": "Badge size: `sm`, `lg`. Default is md."
    },
    {
      "name": "appearance",
      "attribute": "appearance",
      "type": "BadgeAppearance | undefined",
      "default": null,
      "reflects": true,
      "description": "Visual appearance: `filled`, `filled-outlined`, `accent`. Default is outlined."
    }
  ],
  "attributes": [],
  "events": [],
  "methods": [],
  "slots": [],
  "cssClasses": [],
  "cssParts": [],
  "cssProperties": [],
  "commands": [],
  "examples": []
}