Color Picker

A specialized input component for selecting colors with a visual color picker interface. Features a popup color palette with RGB/HEX selection, color preview, and direct hex code input. Provides visual feedback by displaying the selected color next to the input field.

Extends: fieldComponent

Fields

Name

Code

Data Type

Description

Label

label

multi-locale

Display label for the color picker field

ID

resourceId

text

Unique identifier for the component

Style Classes

styleClasses

text

CSS classes for styling

Width

widthClass

text

Controls component width

Value

value

text

Current selected color value

Visible

isVisible

boolean

Controls component visibility

Enabled

enabled

boolean

Controls whether component is enabled

Field Style

fieldStyle

text

Additional field styling options

Methods

Name

Description

onChange

Handles color selection changes and triggers change events

Events

Name

Description

onChange

Triggered when a color is selected or the color value is modified

onBlur

Triggered when the color picker input loses focus

onFocus

Triggered when the color picker input gains focus