nettofarah / react-flexible-switch Goto Github PK

I love the UI options and customizability with this component. It would be great if it could follow the React standards for input/form elements though: https://facebook.github.io/react/docs/forms.html

Basically either having the ability to pass in a value and make in a controlled component, or use a defaultValue and then be able to do something like this.refs.switch.value to get the value of the component.

Because of class names, when using with bootstrap, labels get color:#fff and become invisible.
To avoid this you should use bem style classes for example:

    .switch
    .switch--active
    .switch__label
    .switch__cirlce

or something else.

When using this component with server side rendering, this error occured:

ReferenceError: window is not defined

This is when you check about touch device:

this.isTouchDevice = window['ontouchstart'] !== undefined;

Currently, i just add this:

if (window !== undefined)
    this.isTouchDevice = window['ontouchstart'] !== undefined;
else
    this.isTouchDevice = false;

Not sure this is the good solution, but if it can help...