import {ColorPicker} from '@adobe/coral-spectrum'

public class | source

ColorPicker

Expression Extends:

class ColorPicker extends BaseFormField(BaseComponent(HTMLElement))

Mixin Extends:

HTMLElement, BaseComponent, BaseFormField

A ColorPicker component than can be used as a form field to select from a list of color options.

See:

../examples/#colorpicker

Example:

Markup

<coral-colorpicker></coral-colorpicker>

JS constructor

new Coral.ColorPicker();

Member Summary

Public Members
public	disabled: Boolean Whether this field is disabled or not.
public	formats: String The ColorPicker formats.
public	label: String The ColorPicker label.
public	labelledBy: * Inherited from BaseFormField#labelledBy.
public	readOnly: Boolean Whether this field is readOnly or not.
public	value: String The ColorPicker value.

Public Members

public disabled: Boolean source

Whether this field is disabled or not.

false by default.
reflected

public formats: String source

The ColorPicker formats. comma separated formats should be in supported formats. Any invalid/unsupported format is ignored. Values selected in any other format will be converted to this format.

ColorFormats.HSL by default.
reflected

public label: String source

The ColorPicker label.

'Select Color' by default.
reflected

public labelledBy: * source

Inherited from BaseFormField#labelledBy.

public readOnly: Boolean source

Whether this field is readOnly or not. Indicating that the user cannot modify the value of the control.

false by default.
reflected

public value: String source

The ColorPicker value. value should be a valid color in supported format.

Empty by default.
reflected