Example of Inline Mode in React Color Picker Component


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

More Details...


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.
  • To render the 'Palette' / 'Picker' alone you can hide the mode switcher using modeSwitcher property

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