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

EditorColorPickerComponent

A component which configures an existing ColorPickerComponent as a ToolBar tool. To associate a kendo-toolbar-colorpicker with an Editor command that changes the foreground or the background color of the text, use the kendoEditorForeColor or kendoEditorBackColor directivе (more information).

Selector

kendo-toolbar-colorpicker

Inputs

NameTypeDefaultDescription

disabled

boolean

false

Specifies if the component should be disabled.

editorCommand

"foreColor" | "backColor"

Specifies the color-related command that will be executed.

icon

string

Specifies the Kendo UI font icon that will be used.

paletteSettings

PaletteSettings

Overrides the default color palette settings.

svgIcon

SVGIcon

Defines an SVGIcon to be rendered within the ColorPicker button. The input can take either an existing Kendo SVG icon or a custom one.

value

string

Specifies the initial value of the color picker.

views

ColorPickerView[]

['palette']

Specifies whether the ColorPicker will render a gradient, palette, or both in its popup.

In this article

Not finding the help you need?