wz-react-switch

1. checked：是否选中 2. disabled：是否禁用 3. title：关闭标题，如关闭 4. checkedTitle：打开标题，如打开 5. onChange(checked) 状态改变函数

Usage no npm install needed!

<script type="module">
  import wzReactSwitch from 'https://cdn.skypack.dev/wz-react-switch';
</script>

README

使用方法

checked：是否选中
disabled：是否禁用
title：关闭标题，如关闭
checkedTitle：打开标题，如打开
onChange(checked) 状态改变函数

<div>
    <div className='group'>
        <label>标签1：</label>
        <div className='box'>
            <Switch checked={this.state.switch1} title='关闭' checkedTitle='开启' onChange={(checked) => {
                this.setState({
                    switch1 : checked
                })
            }} />
        </div>
    </div>
    <div className='group'>
        <label>标签1：</label>
        <div className='box'>
            <Switch checked={this.state.switch2} title='测试中' checkedTitle='测试完成' onChange={(checked) => {
                this.setState({
                    switch2 : checked
                })
            }} />
        </div>
    </div>
</div>