| type | (string) the type of a control, set it to "colorpicker" |
| name | (string) the name of a control |
| id | (string) the id of a control, auto-generated if not set |
| value | (string) the value of a colorpicker |
| validation | (function) the validation function, takes as a parameter the value to validate and returns true/false to indicate the result of validation |
| width | (string, number, "content") the width of a control |
| height | (string, number, "content") the height of a control |
| padding | (string, number) sets padding between a cell and a border of the ColorPicker control |
| css | (string) adds style classes to a control |
| icon | (string) the name of an icon from the used icon font |
| placeholder | (string) a tip for the input |
| editable | (boolean) allows a user to enter the value of the control manually |
| disabled | (boolean) defines whether a control is enabled (false) or disabled (true) |
| required | (boolean) defines whether a control is required |
| hidden | (boolean) defines whether a control is hidden |
| label | (string) specifies a label for a control |
| labelWidth | (string, number) sets the width of the label of a control |
| hiddenLabel | (boolean) invisible label that will be used to identify the input on the server side |
| labelPosition | (string) defines the position of a label: "left"|"top" |
| helpMessage | (string) adds a help message to a control |
| preMessage | (string) a message that contains instructions for interacting with the control |
| successMessage | (string) a message that appears in case of successful validation of the control value |
| errorMessage | (string) a message that appears in case of error during validation of the control value |
| mode | (string) the mode of a control: "palette" (default), "picker" |
| palette | (array) contains arrays of colors you want to be shown in a colorpicker |
| paletteOnly | (boolean) defines whether ColorPicker is shown only the palette mode |
| pickerOnly | (boolean) defines whether ColorPicker is shown only the picker mode |
| customColors | (array) shows a section with custom colors in the bottom part of the ColorPicker |
| grayShades | (boolean) defines whether the section with gray shades is displayed in the palette |