The text to display on the cancel button.
The text to display on the cancel button.
Defaults to "Cancel".
The text to display on the choose button.
The text to display on the choose button.
Defaults to "Confirm".
You can add an additional class name to the replacer and container element using the className property.
You can add an additional class name to the replacer and container element using the className property.
Defaults to null.
When clicking outside of the colorpicker, you can force it to fire a change event rather than having it revert the change.
When clicking outside of the colorpicker, you can force it to fire a change event rather than having it revert the change.
Defaults to false.
The initial color will be set with the color option.
The initial color will be set with the color option. If you don't pass in a color, Spectrum will use the value attribute on the input.
Defaults to value of input or Black if input does not contain a color value.
Spectrum can be automatically disabled if you pass in the disabled flag.
Spectrum can be automatically disabled if you pass in the disabled flag. Additionally, if the input that you initialize spectrum on is disabled, this will be the default value.
Note: you cannot enable spectrum if the input is disabled.
Defaults to false.
This means that it will always show up at full size, and be positioned as an inline-block element.
This means that it will always show up at full size, and be positioned as an inline-block element.
Defaults to false.
The key used to store selection data in the browser's localStorage object.
The key used to store selection data in the browser's localStorage object.
Defaults to null.
The color palette to use.
The color palette to use.
Defaults to Nil.
You can set the format that is displayed.
You can set the format that is displayed.
Options are:
Defaults to "name".
Shows alpha transparency selection.
Shows alpha transparency selection.
Defaults to false.
You can show or hide the buttons using this property.
You can show or hide the buttons using this property. If there are no buttons, the behavior will be to fire the change event (and update the original input) when the picker is closed.
Defaults to true.
Spectrum can show the color that was initially set when opening.
Spectrum can show the color that was initially set when opening. This provides an easy way to click back to what was set when opened.
Defaults to false.
You can add an input to allow free form typing.
You can add an input to allow free form typing. The color parsing is very permissive in the allowed strings.
Defaults to false.
Spectrum can show a palette below the colorpicker to make it convenient for users to choose from frequently or recently used colors.
Spectrum can show a palette below the colorpicker to make it convenient for users to choose from frequently or recently used colors. When the colorpicker is closed, the current color will be added to the palette if it isn't there already.
Defaults to false.
If you'd like, spectrum can show the palettes you specify, and nothing else.
If you'd like, spectrum can show the palettes you specify, and nothing else.
Defaults to false.
Spectrum can keep track of what has been selected by the user with this option.
Spectrum can keep track of what has been selected by the user with this option. If the localStorageKey option is defined, the selection will be saved in the browser's localStorage object.
Defaults to false.