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

EditorColorPickerComponent

Configures a ColorPickerComponent as a ToolBar tool. Use this component to associate a kendo-toolbar-colorpicker with an Editor command that changes the foreground or background color of the text. Use the kendoEditorForeColor or kendoEditorBackColor directive (more information).

html
<kendo-toolbar-colorpicker kendoEditorForeColor></kendo-toolbar-colorpicker>

Selector

kendo-toolbar-colorpicker

Inputs

NameTypeDefaultDescription

disabled

boolean

false

Specifies if the component is disabled.

editorCommand

"foreColor" | "backColor"

Specifies the color-related command that the component executes.

icon

string

Specifies the Kendo UI font icon that the component uses.

paletteSettings

PaletteSettings

Overrides the default color palette settings.

svgIcon

SVGIcon

Defines an SVGIcon to render 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 renders a gradient, palette, or both in its popup.

Fields

NameTypeDefaultDescription

tabindex

number

-1

Specifies the tab index of the component.

In this article
SelectorInputsFields
Not finding the help you need?
Contact Support