• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the inline (flat) mode ColorPicker with different modes and predefined styles.

DEMO
SOURCE

Inline Palette

Inline Picker

The ColorPicker component is a user interface to select and adjust color values. This supports various color specifications like RGB (Red Green Blue), HSV (Hue Saturation Value), and Hex codes.

In this sample,

  • Color picker/palette is rendered inline by using the inline inline property set to true.
  • Using the mode property, you can specify the mode (Picker/ Palette) of the ColorPicker.
  • Using the showButtons property, you can enable or disable the control (apply/cancel) buttons.

More information about ColorPicker can be found in this documentation section.