react-input-toggle

A collection of aesthetically pleasing, accessible and customizable toggles build with React.

Usage no npm install needed!

<script type="module">
  import reactInputToggle from 'https://cdn.skypack.dev/react-input-toggle';
</script>

README

react-input-toggle

A collection of aesthetically pleasing, accessible and customizable toggles build with React.

Travis

Codecov

What problem does it solve you?

You get an interesting selection of keyboard and screen reader accessible, buttons. More show than business really. I would say this little set of toggles is more creative than practical. But in2 any case, enjoy.

Installation

npm install react-input-toggle

Usage


import  Toggle  from 'react-input-toggle';
import 'react-input-toggle/dist/react-input-toggle.css';

export default class App extends Component {
  render () {
    return (
      <div>
        <h1>Hello, world.</h1>
        <Toggle label={'Test Label'} effect={'sierra'} labelPosition={'left'} />
      </div>
    );
  }
}

License

MIT