spectrum

This is a "The No Hassle" color picker component.
Please note, this field depend on the following library:
​jQuery​
​spectrum​
Special properties of field
Property
Default
Accepted values
Description
autocomplete
none
​see doc​
Indicates whether the value of the control can be automatically completed by the browser.
colorOptions
{}
Object
Settings to picker. Read more info from options​
placeholder
none
String
Placeholder text for input field
readonly
false
Boolean
If true, the input field is read only
colorOptions
@TODO
Usage
{
    type: "spectrum",
    label: "Color",
    model: "favoriteColor",
    colorOptions: {
       preferredFormat: "rgb"
    }
}

rangeSlider

staticMap

Last updated 2 years ago

Property	Default	Accepted values	Description
`autocomplete`	none	see doc	Indicates whether the value of the control can be automatically completed by the browser.
`colorOptions`	`{}`	`Object`	Settings to picker. Read more info from options
`placeholder`	none	`String`	Placeholder text for input field
`readonly`	`false`	`Boolean`	If true, the input field is read only