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

ColorPalette

Directive

kendo-colorpalette

Props

palette String | Array

The color palette that will be displayed (palette in Kendo UI for jQuery).

The supported values are:

  • A string with comma-separated colors in hex representation.
  • An array of kendo.Color object objects.
  • An arrays of strings that parseColor understands.

Alternatively, to get the default simple palette, pass basic and to get the web-safe palette, pass websafe.

columns Number

The number of columns that will be displayed (columns in Kendo UI for jQuery). When you use the "websafe" palette, this will automatically default to 18.

tile-size Number | Object

The size of a color cell (tileSize in Kendo UI for jQuery). The supported composite props are available in TileSizeProps.

value String

The initially selected color (value in Kendo UI for jQuery).

Events

change: Function

Fires when a new color was changed (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 ColorPalette instance.