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.
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.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 |
---|---|---|---|
active | boolean | true | Sets the initial state of the toggle |
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 | null | A Callback that returns the state of the toggle |