Style and Appearance in React Color Picker

4 Sep 20261 minute to read

To modify the React Color Picker appearance, override the component’s default CSS. The following table lists CSS classes and their corresponding React Color Picker 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 React Color Picker selection handler
	.color-picker.e-dropdown-popup ul .e-container	To customize the React Color Picker container
	.color-picker.e-dropdown-popup ul .e-item.e-palette-item	To customize the React Color Picker palette item
	.color-picker.e-dropdown-popup .e-container .e-switch	To customize the React Color Picker switch control
	.color-picker.e-dropdown-popup .e-container .e-slider-preview	To customize the React Color Picker Slider control