React-color: Disable opacity on Chrome and Sketch pickers

Created on 22 Sep 2016 · 2Comments · Source: casesandberg/react-color

This is an awesome project. I want to use some of the prebuilt pickers, but my use case doesn't include editing the opacity/alpha channel. It would be great if it were possible to disable opacity/alpha on these pickers even if it means not being exactly like the pickers they were inspired from.

Source

jeffchienzabinet

Most helpful comment

Yep! This is a dupe of https://github.com/casesandberg/react-color/issues/99, you can use:

<ChromePicker disableAlpha="true" />
<SketchPicker disableAlpha="true" />

I have also created this issue to make sure this gets in the documentation! https://github.com/casesandberg/react-color/issues/241

casesandberg on 22 Sep 2016

👍4

All 2 comments

Yep! This is a dupe of https://github.com/casesandberg/react-color/issues/99, you can use:

<ChromePicker disableAlpha="true" />
<SketchPicker disableAlpha="true" />

I have also created this issue to make sure this gets in the documentation! https://github.com/casesandberg/react-color/issues/241

casesandberg on 22 Sep 2016

👍4

This link is helpful. Just one more query if we use it will disable opacity part from palette. But it will not change height of palette. How would I decrease height of div class 'flexbox-fix' in palette. So that we can remove extra height. Can someone please help to decrease height after disableAlpha="true" ?