Style and Appearance in React Color Picker

9 Aug 20261 minute to read

To modify the ColorPicker appearance, override the component’s default CSS. The following table lists CSS classes and their corresponding ColorPicker sections. You can also create a custom theme for the control using our Theme Studio.

CSS Class	Purpose of Class
	.e-custom-picker .e-container .e-handler	To customize the ColorPicker selection handler
	.color-picker.e-dropdown-popup ul .e-container	To customize the ColorPicker container
	.color-picker.e-dropdown-popup ul .e-item.e-palette-item	To customize the ColorPicker palette item
	.color-picker.e-dropdown-popup .e-container .e-switch	To customize the ColorPicker switch control
	.color-picker.e-dropdown-popup .e-container .e-slider-preview	To customize the ColorPicker Slider control