New to Kendo UI for VueStart a free 30-day trial

Represents the properties of [FlatColorPicker](% slug api_inputs_flatcolorpickerprops %) component.

Definition

Package:@progress/kendo-vue-inputs

Properties

disabled?

boolean

Determines whether the FlatColorPicker is disabled.

Sets custom footer component.

Configures the ColorGradient that is displayed in the ColorPicker popup.

Sets custom header component.

id?

string

Sets the id property of the top div element of the FlatColorPicker.

The model rgba value of the FlatColorPicker.

Sets the color model value.

The event handler that will be fired when the user edits the value.

Parameters:eventColorPickerChangeEvent

The event handler that will be fired when the view is changed.

Configures the ColorPalette that is displayed in the ColorPicker popup.

Sets the previous color value.

Sets the FlatColorPicker selected view index. The default is 0.

Specifies whether action buttons will be rendered in the footer.

Specifies whether clear button will be rendered in the header.

Specifies whether preview and revert color boxes will be rendered in the header.

size?

"small" | "medium" | "large"

Configures the size of the FlatColorPicker.

The available options are:

  • small
  • medium
  • large
Default:

undefined

tabIndex?

number

Sets the tabIndex property of the FlatColorPicker.

value?

string

Sets the color value.

view?

string

Sets the FlatColorPicker view. The default is combo.