ColorPaletteComponent

Represents the Kendo UI ColorPalette component.

The ColorPaletteComponent provides a set of predefined palette presets and lets you implement a custom color palette. You can use it directly or as part of the kendo-colorpicker.

html

<kendo-colorpalette [palette]="['#fff', '#000']" [(value)]="selectedColor"></kendo-colorpalette>

Selector

kendo-colorpalette

Export Name

Accessible in templates as #kendoColorPaletteInstance="kendoColorPalette"

Inputs

Name	Type	Default	Description
columns	number	10	Sets the number of columns to display.
disabled	boolean		Disables the ColorPalette. To disable it in reactive forms, see Forms Support.
format	OutputFormat	'hex'	Specifies the output format of the ColorPaletteComponent. The input value may be in a different format. The component parses it into the output format.
palette	string | string[]		Sets the color palette to display. You can use a predefined palette preset (such as office, basic, or apex), string with comma-separated colors, or an array of string colors.
readonly	boolean	false	Sets the read-only state of the ColorPalette.
size	InputSize	'medium'	Sets the size of the ColorPalette internal elements.
tabindex	number	0	Sets the tabindex of the component.
tileSize	number | TileSize		Sets the size of a color cell. The default tile size depends on the size of the component.
value	string		Sets the value of the selected color.

Events

Name	Type	Description
selectionChange	EventEmitter<string>	Fires when the color selection changes.
valueChange	EventEmitter<string>	Fires when the value changes.

Methods

reset
Clears the color value of the ColorPalette.