Style and appearance in React Color picker component

21 Feb 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