rc-switch
Switch ui component for react.
Install
Usage
import Switch from 'rc-switch';
export default () => <Switch />;Compatibility
 IE / Edge |
 Firefox |
 Chrome |
 Safari |
 Electron |
|---|---|---|---|---|
| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
API
| Property | Type | Default | Description |
|---|---|---|---|
| prefixCls | String | rc-switch | |
| className | String | '' | additional class name of root node |
| checked | boolean | false | whether switch is checked |
| defaultChecked | boolean | false | whether switch is checked on init |
| onChange | Function(checked, event) | called when switch is checked or unchecked | |
| tabIndex | number | tab-index of switch node | |
| onClick | Function(checked, event) | called when switch is clicked | |
| autoFocus | boolean | get focus when mounts | |
| disabled | boolean | false | whether switch is disabled |
| loadingIcon | React.ReactNode | specific the extra node. generally used in loading icon. |
Development
npm install
npm start
Online demo: https://react-component.github.io/switch/
License
rc-switch is released under the MIT license.