{
  "type": "color-input",
  "description": "Color input with optional param sync.",
  "hasChildren": false,
  "propsSchema": {
    "$schema": "http://json-schema.org/draft-07/schema#",
    "type": "object",
    "properties": {
      "label": {
        "description": "Label text displayed above the color input",
        "type": "string"
      },
      "param": {
        "description": "The canvas parameter name to sync with, or form field name if inside a Form component. If omitted, works as a regular color input.",
        "type": "string"
      },
      "defaultValue": {
        "default": "#000000",
        "type": "string"
      },
      "format": {
        "default": "hex",
        "description": "Output color format stored in the synced value.",
        "type": "string",
        "enum": [
          "hex",
          "rgb",
          "hsl",
          "hsb"
        ]
      },
      "showAlpha": {
        "default": false,
        "type": "boolean"
      },
      "disabled": {
        "default": false,
        "type": "boolean"
      },
      "readOnly": {
        "default": false,
        "type": "boolean"
      },
      "style": {
        "description": "Inline CSS styles as a plain CSS string (e.g., \"color: red; font-size: 16px\")",
        "type": "string"
      }
    },
    "description": "A color input that can optionally sync string color values with canvas parameters. Hex strings are recommended for chart and CSS interoperability."
  }
}