The ColorGradient component enables smooth color transitions and provides options for selecting specific colors over the drag handle.
The ColorGradient is independently used by kendo-colorpicker and can be directly added to the page.




clearButton boolean

Specifies whether the ColorGradient should display a 'Clear color' button.

disabled boolean

Sets the disabled state of the ColorGradient.

format OutputFormat

Specifies the output format of the ColorGradientComponent.
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) rgba
  • hex

opacity boolean

Defines whether the alpha slider will be displayed.

readonly boolean

Sets the read-only state of the ColorGradient.

tabindex number

Specifies the tabindex of the component.

value string

Specifies the value of the initially selected color.


isFocused boolean

Indicates whether the ColorGradient or any of its content is focused.


valueChange EventEmitter<string>

Fires each time the user selects a new color.



Focuses the component.