This is a react component of the http://www.bootstraptoggle.com/ project.
You need to include the bootstrap css file and also the bootstrap2-toggle css file in your app.
If you are using the npm version then you can include it from the module like this.
<link rel="stylesheet" href="node_modules/lib/bootstrap2-toggle.css">Or you could import it to your SASS or LESS build.
@import "node_modules/lib/bootstrap2-toggle.c## React-Bootstrap-Toggle
This is a react component of the http://www.bootstraptoggle.com/ project.
### Usage
You need to include the bootstrap css file and also the bootstrap2-toggle css file in your app.
If you are using the npm version then you can include it from the module like this.
```html
<link rel="stylesheet" href="node_modules/lib/bootstrap2-toggle.css">Or you could import it to your SASS or LESS build.
@import "node_modules/lib/bootstrap2-toggle.css";import React from 'react';
import ReactDOM from 'react-dom';
import ReactBootstrapToggle from 'react-bootstrap-toggle';
let on = <h1>Yeah!</h1>;
let off = <span> no.no.no <br> NOOOO!!!! </span>;
ReactDOM.render(<ReactBootstrapToggle
on={on}
off={off}
active={false}
onChange={onChange} />, document.getElementById('app') );npm install react-bootstrap-toggle --save| Name | Type | Default | Description |
|---|---|---|---|
| on | string/html | "On" | Text of the on toggle |
| off | string/html | "Off" | Text of the off toggle |
| size | string | "normal" | Size of the toggle. Possible values are large, normal, small, mini. |
| onstyle | string | "primary" | Style of the on toggle. Possible values are default, primary, success, info, warning, danger |
| offstyle | string | "default" | Style of the off toggle. Possible values are default, primary, success, info, warning, danger |
| width | integer | null | Sets the width of the toggle. if set to null, width will be calculated. |
| height | integer | null | Sets the height of the toggle. if set to null, height will be calculated. |
| onChange | function | A Callback to that returns the state of the toggle |
Invoked when the component state changes.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent