Allow styling using other units

[joshdotblack]

We're trying to use react-switch in one of our projects & we've hit a bit of a snag with scaling the switch. Most of our layout & sizing is done with rem units, which we change at different breakpoints to let us do responsive design, but react-switch only allows us to set the width/height in px values. Is supporting other units on the roadmap?

[lmend22]

Having the same issue is there any way to set width/height with CSS?

[markusenglund]

Since these props are used to calculate the handle position internally I don't it would be possible to let the library user specify height="10em" for example. One idea would be to have a separate prop called lengthUnit where the user could specify "em", "rem" or whatever. Is that something people would like?

[markusenglund]

@lmend22 See issue #63

[Rafaellarsa]

Since these props are used to calculate the handle position internally I don't it would be possible to let the library user specify height="10em" for example. One idea would be to have a separate prop called lengthUnit where the user could specify "em", "rem" or whatever. Is that something people would like?

Yes, that would be very useful!