question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to add `transparent` on `SketchPicker`?

See original GitHub issue

I am using SketchPicker in my website and want to add a transparent button on the picker. What is the easiest way to do that?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:5

github_iconTop GitHub Comments

1reaction
sukhminderxcommented, Jan 30, 2019

After that, you can add a css rule such as

.your_color_picker_container div[title='TRANSPARENT']{
background-image = url('some transparent checkered image') !important;
}
0reactions
zhaoyi0113commented, Jan 30, 2019

works great. Thanks.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Color
import React from 'react'; import { SketchPicker } from 'react-color'; ... Use this to store the color in the state of a parent...
Read more >
React color ChromePicker alpha slider does not work. Is ...
You can take the color.rgb.a value, convert it to hex, and append it to the color.hex string.
Read more >
react-color SketchPicker JavaScript Examples
This page shows JavaScript code examples of react-color SketchPicker.
Read more >
The Most Complete React Color Pickers | by Jennifer Fu
Run the sketch picker in Create React App environment, by coping the following code ... The color picker shows the selected color against...
Read more >
Customizing React Color's Sketch Picker to display recently ...
Setting up SketchPicker with Core Props. React Color is a package you can install through npm that gives you access to 13 different...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found