JavaScript CSS HTML
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
dist fix security warning Jul 6, 2018
example fix security warning Jul 6, 2018
less update 2.2.0 Feb 9, 2017
src minor fixes Jul 6, 2018
.babelrc ## What Nov 9, 2017
.gitattributes v2.3.0 Nov 5, 2017
.gitignore v2.3.0 Nov 5, 2017
LICENSE prepare last version Sep 15, 2016 minor fixes Jul 6, 2018
mix-manifest.json v2.3.0 Nov 5, 2017
package.json fix security warning Jul 6, 2018
webpack.mix.js remove unused Nov 5, 2017

React Switch Button control

A Switch control built with and for React

What's new in version 2.3.0

  • Rewritten in ES6 version
  • Add Laravel-Mix
  • The props defaultChecked is deprecated in favor of checked

What's new in version 2.2.0

  • Add new mode props

What's new in version 2.1.0

  • Add square theme

Demo & Example

Example: Live demo: Online Demo


You can use React Switch Button by using NPM and include it in your own React build process (using Browserify, etc).

npm install react-switch-button --save

At this point you can import react-switch-button and its styles in your application as follows:

import SwitchButton from 'react-switch-button';

// Be sure to include styles at some point, probably during your bootstrapping
import 'react-switch-button/dist/react-switch-button.css';


const SwitchButton = require( 'react-switch-button' );

and then include the css in your HTML page.

Of course, you can also use the standalone build by including react-switch-button.js and react-switch-button.css in your page. (If you do this though you'll also need to include the dependencies.) For example:

<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

<link rel="stylesheet" href="">


import React from "react"
import ReactDom from "react-dom"
import SwitchButton from "react-switch-button"

class Application extends React.Component {

    constructor( props )
      super( props );

    render() {
        return (
            <SwitchButton label="Click me" />



Thanks for any your contribute.


MIT Licensed. Copyright (c) Giovambattista Fazioli 2018.