ColorPaletteComponent

The ColorPalette component provides a set of predefined palette presets and enables you to implement a custom color palette. The ColorPalette is independently used by kendo-colorpicker and can be directly added to the page.

Selector

kendo-colorpalette

Export Name

Accessible in templates as #kendoColorPaletteInstance="kendoColorPalette"

Inputs

Name	Type	Default	Description
columns	number		Specifies the number of columns that will be displayed. Defaults to 10.
disabled	boolean		Sets the disabled state of the ColorPalette. To learn how to disable the component in reactive forms, refer to the article on Forms Support.
format	OutputFormat		Specifies the output format of the ColorPaletteComponent. The input value may be in a different format. However, it will be parsed into the output format after the component processes it. The supported values are: (Default) hex rgba name
palette	string | string[]		The color palette that will be displayed. The supported values are: The name of the predefined palette preset (for example, office, basic, and apex). A string with comma-separated colors. A string array.
readonly	boolean	false	Sets the read-only state of the ColorPalette.
tabindex	number		Specifies the tabindex of the component.
tileSize	number | TileSize		Specifies the size of a color cell. The possible values are: (Default) tileSize = 24 { width: number, height: number }
value	string		Specifies the value of the initially selected color.

Events

Name	Type	Description
selectionChange	EventEmitter<string>	Fires each time the color selection is changed.
valueChange	EventEmitter<string>	Fires each time the value is changed.

Methods

reset
Clears the color value of the ColorPalette.