Getting Started with KendoReact ColorPicker

The ColorPicker enables the user to select and submit color values.

The ColorPicker is designed to replace the <input type="color"> HTML5 tag which is not widely supported in browsers.

Basic Usage

The following example demonstrates the ColorPicker with the palette and with gradient popup view in action.

Example

View Source

Edit In Stackblitz  

Change Theme:Material theme

Functionality and Features

• Disabled ColorPicker
• Controlled mode
• Default value
• Views
• Custom ColorPicker
• Keyboard navigation

Suggested Links

• API Reference of the ColorPicker