New to Kendo UI for Vue? Start a free 30-day trial

FlatColorPicker

Directive

kendo-flatcolorpicker

Props

opacity Boolean

Specifies whether the FlatColorPicker will display the Opacity slider that allows the selection of transparency (opacity in Kendo UI for jQuery.

buttons Boolean

Specifies whether the FlatColorPicker will display the Apply and Cancel buttons (buttons in Kendo UI for jQuery.

value String

Specifies the initially selected color (value in Kendo UI for jQuery.

preview Boolean

Specifies whether the FlatColorPicker will display the Preview bar which shows the current color and the input field (preview in Kendo UI for jQuery.

autoupdate Boolean

Specifies whether the UI will be updated while the user is typing in the input field whenever a valid color can be parsed (autoupdate in Kendo UI for jQuery. If you pass false to autoupdate, the FlatColorPicker will update only when the user presses the Enter key.

messages Object

Allows the customization of the Apply and Cancel labels (messages in Kendo UI for jQuery. The supported composite props are available in MessagesProps.

Events

change: Function

Fires when a new color was selected (change in Kendo UI for jQuery).

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI FlatColorPicker instance.