Color handle
Color handles allow users to select and adjust colors in a color picker.
| Property | Values | Default value | Required |
|---|---|---|---|
| channel | hue / saturation / lightness / red / green / blue / alpha Which channel of the color this handle controls. Use 'alpha' for opacity. | hue | |
| is disabled | yes / no | no |
{
"slug": "color-handle",
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/component.json",
"$id": "https://opensource.adobe.com/spectrum-design-data/schemas/components/color-handle.json",
"title": "Color handle",
"description": "Color handles allow users to select and adjust colors in a color picker.",
"meta": {
"category": "inputs",
"documentationUrl": "https://spectrum.adobe.com/page/color-handle/"
},
"type": "object",
"properties": {
"channel": {
"type": "string",
"enum": [
"hue",
"saturation",
"lightness",
"red",
"green",
"blue",
"alpha"
],
"default": "hue",
"description": "Which channel of the color this handle controls. Use 'alpha' for opacity."
},
"isDisabled": {
"type": "boolean",
"default": false
}
}
}