.your-component .react-colorful { height: 240px; } .your-component .react-colorful__saturation { border-radius: 4px 4px 0 0; } .your-component .react-colorful__hue { height: 40px; border-radius: 0 0 4px 4px; } .your-component .react-colorful__hue-pointer { width: 12px; height: inherit; border-radius: 0; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter