{
  "version": "experimental",
  "tags": [
    {
      "name": "uui-color-swatches",
      "path": "./lib/uui-color-swatches.element.ts",
      "description": "Put uui-color-swatch elements inside this element to create a color swatch selector.",
      "attributes": [
        {
          "name": "value",
          "description": "Value of selected option.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "description": "Sets the swatches to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "description": "Sets the swatches to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "properties": [
        {
          "name": "value",
          "attribute": "value",
          "description": "Value of selected option.",
          "type": "string",
          "default": "\"\""
        },
        {
          "name": "disabled",
          "attribute": "disabled",
          "description": "Sets the swatches to disabled.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "readonly",
          "attribute": "readonly",
          "description": "Sets the swatches to readonly mode.",
          "type": "boolean",
          "default": "\"false\""
        },
        {
          "name": "styles",
          "type": "CSSResult[]",
          "default": "[null]"
        },
        {
          "name": "label",
          "attribute": "label",
          "description": "Label to be used for aria-label and potentially as visual label for some components",
          "type": "string"
        }
      ],
      "events": [
        {
          "name": "change",
          "description": "Fires when a color swatch is selected."
        }
      ],
      "slots": [
        {
          "name": "",
          "description": "Default slot for content."
        }
      ]
    }
  ]
}