bee-switch

两种状态切换的开关

使用

使用单独的switch包

组件引入

先进行下载switch包

npm install --save bee-switch

组件调用

import { Switch } from 'bee-switch';
React.render(<div>
            <Switch />
        </div>, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下switch.css

<link rel="stylesheet" href="./node_modules/build/bee-switch.css">

• 可以在js中import样式

import "./node_modules/src/Switch.scss"
//或是
import "./node_modules/build/bee-switch.css"

API

|参数|说明|类型|默认值| |:---|:----|:---|:------| |checked |指定当前是否选中| Boolean |false| |defaultChecked |初始是否选中 |Boolean| false | |onChange |变化时回调函数,自定义参照demo |Function(checked:Boolean) | |disabled|设置是否禁用|Boolean|false| |checkedChildren |选中时的内容 |React| Node | |unCheckedChildren |非选中时的内容 |React| Node| |size| 大小设置，oneOf：sm, lg|string|''| |colors| 颜色设置，oneOf：primary,success,info,dark,warning| string |''| |onKeyDown| 键盘回调 | Function | - | |enterKeyDown| 是否启用 enter 和 space 键 | Boolean | true |

setup develop environment

$ git clone https://github.com/tinper-bee/bee-switch
$ cd bee-switch
$ npm install
$ npm run dev