Skip to content

react-component/switch

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

rc-switch


Switch ui component for react.

NPM version build status Test coverage npm download bundle size

Install

rc-switch

Usage

import Switch from 'rc-switch';

export default () => <Switch />;

Compatibility

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Electron
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/examples/

License

rc-switch is released under the MIT license.