react-ios-switch
Version:
React switch component
57 lines (47 loc) • 1 kB
Markdown
react-ios-switch
===
<img src="https://img.shields.io/npm/dm/react-ios-switch.svg">
[Demo](https://clari.github.io/react-ios-switch)
[CodePen](https://codepen.io/mking-clari/pen/dzKxdb)
Features
- Drag or click to toggle
- Works with labels
Usage
```javascript
import Switch from 'react-ios-switch';
// Simple usage
<Switch
checked={checked}
onChange={checked => {}}
/>
// All props (defaults shown)
<Switch
checked={undefined}
className={undefined}
disabled={undefined}
handleColor="white"
name={undefined}
offColor="white"
onChange={() => {}}
onColor="rgb(76, 217, 100)"
pendingOffColor={undefined}
pendingOnColor={undefined}
readOnly={undefined}
style={undefined}
/>
```
Development
```
# Install packages
yarn
# Start server
yarn start
# Visit http://localhost:8080
```
Inspirations
- [Switchery](https://abpetkov.github.io/switchery)
- [Human Interface Guidelines](https://developer.apple.com/ios/human-interface-guidelines/visual-design/color)