rc-switch-modern
v4.1.0
Published
switch ui component for react
Downloads
12
Maintainers
Readme
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: http://react-component.github.io/switch/
License
rc-switch is released under the MIT license.