custom border style

Is it possible to add border style to the component? I want to add style for the component with react-swith-bg class and to the component with react-switch-handle class.

Thanks

[markusenglund]

You can’t use a border unfortunately, but you can use a box-shadow which can be made to look just like a border. Here’s an example (note the styles.css file). I added the following css:

.react-switch-bg {
  box-shadow: 0px 0px 0px 5px #bada55;
}
.react-switch-handle {
  box-shadow: 0px 0px 0px 5px #abcdef !important;
}

I’d normally recommend using the boxShadow and activeBoxShadow props to adjust the box-shadow though.

[mikeyamato]

I know this thread is closed but I’m in the same camp as @b-asaf. It would be nice to have the option to directly adjust the other two elements (red arrow) in addition to the two we can now (green arrow).

BTW, this is a great package. I was pulling my hair out trying to figure out how to customize react-bootstrap’s switch.