# react-switch-button-dev

> A React UI Component to display an awesome Switch (swipe) Button control

Latest version **2.3.3** (published 2017-11-10) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install react-switch-button-dev
pnpm add react-switch-button-dev
yarn add react-switch-button-dev
bun add react-switch-button-dev
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.3.3 |
| Published | 2017-11-10 |
| First published | 2017-11-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 86 |
| Author | Giovambattista fazioli |
| Maintainers | manuel-manoury |
| Keywords | react, react-component |

## Links

- npm: https://www.npmjs.com/package/react-switch-button-dev
- Repository: https://github.com/gfazioli/react-switch-button
- Homepage: http://gfazioli.github.io/react-switch-button/
- Issues: https://github.com/gfazioli/react-switch-button/issues
- npm.io page: https://npm.io/package/react-switch-button-dev

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.6.0

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 2.3.3 (latest) — 2017-11-10
- 2.3.2 — 2017-11-10

## README

# React Switch Button control

A Switch control built with and for [React](http://facebook.github.io/react/index.html)

## 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: [http://gfazioli.github.io/react-switch-button](http://gfazioli.github.io/react-switch-button)
Live demo: [Online Demo](http://gfazioli.github.io/react-switch-button#demo)

## Installation

You can use React Switch Button by using NPM and include it in your own React build process (using [Browserify](http://browserify.org), etc).

```javascript
npm install react-switch-button --save
```

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

```js
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';
```

or

```js
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:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>
<script src="https://unpkg.com/classnames/index.js"></script>
<script src="https://unpkg.com/react-switch-button/dist/react-switch-button.js"></script>

<link rel="stylesheet" href="https://unpkg.com/react-switch-button/dist/react-switch-button.css">
```

# Usage

```js
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" />
        );
    }

}

```

# Contributing

Thanks for any your contribute.

# License

MIT Licensed. Copyright (c) Giovambattista Fazioli 2017.

---
_Source: https://npm.io/package/react-switch-button-dev · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._