casesandberg / react-color

:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more
http://casesandberg.github.io/react-color/
MIT License
12.05k stars 922 forks source link

Adjust BlockPicker's Preview height #812

Open arifszn opened 3 years ago

arifszn commented 3 years ago

Currently the preview height is fixed to 110px and there is no way to change it.

image

image

Adding a class to preview div would be great. Thus way it can be customized.

amanraja commented 3 years ago

you can change the preview height by passing the style to the Block Picker

<BlockPicker styles={blockStyle}  />

const blockStyle={
  default: { 
    head: {
      height: '35px',
        }
     }
   };