KendoReact FlatColorPicker Overview

Premium

The FlatColorPicker component provides a flat view for the ColorGradient and the ColorPalette components and adds a header and footer. The header contains the current color, the previously selected color, and a button that clears the selected value. The footer contains two buttons that you can configure to apply or cancel the selection.

The FlatColorPicker is part of KendoReact premium, an enterprise-grade UI library with 120+ free and premium components for building polished, performant apps. Test-drive all features with a free 30-day trial.Start Free Trial

The following example demonstrates the FlatColorPicker in action.

Key Features

• Disabled FlatColorPicker—You can render a disabled FlatColorPicker by setting a single property and keep it disabled until certain requirements are met.
• FlatColorPicker views—You can configure the FlatColorPicker to render a color gradient, a color palette, or a combination of both.
• FlatColorPicker customization—You can customize the rendering of the FlatColorPicker header and footer.

Suggested Links

• API Reference of the FlatColorPicker
• API Reference of the ColorGradient
• API Reference of the ColorPalette
• React FlatColorPicker High-Level Overview