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

EditorColorPickerComponent

Component

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).

Definition

Package:@progress/kendo-angular-editor

Selector:kendo-toolbar-colorpicker

Syntax:

html

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

Inputs

disabled

boolean

Specifies if the component is disabled.

Default:

false

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[]

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

Fields

tabindex

number

Specifies the tab index of the component.

Default:

-1