react-color icon indicating copy to clipboard operation
react-color copied to clipboard

Apply custom styles on ChromeFields in ChromePicker

Open niklabh opened this issue 5 years ago • 5 comments

ChromePicker should allow custom styles to be applied on ChromeFields

File: react-color/src/components/chrome/Chrome.js

niklabh avatar Sep 15 '19 18:09 niklabh

I custom style manually by getting the elements with JS, and then changing the values, removing elements I dont want etc.

PCMACHero avatar Sep 16 '19 20:09 PCMACHero

@PCMACHero Can you provide an example? Using CSS to do the same but seems like an overkill.

anges244 avatar Jan 12 '20 11:01 anges244

@PCMACHero did you have an example of that? I am running into the same problem

ghamedina avatar Jun 15 '20 23:06 ghamedina

It would be really helpful if the components, like ChromeFields, took a style prop like EditableInput does.

The fact that styles are applied inline makes them incredibly difficult to override.

Nantris avatar Sep 25 '20 19:09 Nantris

Being able to edit styles of some of the components in ChromePicker while not all of them is really frustrating. Hopefully this get fixed soon. Just want to edit the styles of ChromeFields the way I edit other components in ChromeFields.

DottChen avatar Feb 09 '23 07:02 DottChen