bee-checkbox

复选框

使用

使用单独的bee-checkbox包

组件引入

先进行下载bee-checkbox包

npm install --save bee-checkbox

组件调用

import Checkbox from 'bee-checkbox';

React.render(<div>
        <Checkbox colors="primary" />
</div>, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下bee-checkbox.css

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

• 可以在js中import样式

import "./node_modules/src/Checkbox.scss"
//或是
import "./node_modules/build/bee-checkbox.css"

API

Checkbox

|参数|说明|类型|默认值| |:--|:---|:--|:---| |className|类名|string|-| |color|one of: primary success info danger warning dark|string|''| |disabled|是否可用|bool|false| |onChange|监听改变|function|-| |defaultChecked|默认是否选中|bool|false| |checked|是否选中|bool|-| |indeterminate|部分选中|bool|-| |onDoubleClick|双击事件|function|function(checked, event){}| |onClick|单击事件|function|function(event){}| |value|选中的值，需配合CheckboxGroup使用|string|-| |inverse|设置选中为红色填充|bool|false|

CheckboxGroup

|参数|说明|类型|默认值| |:--|:---|:--|:---| |className|类名|string|-| |onChange|监听改变|function|-| |value|设置默认值|array|[]| |disabled|是否可用|bool|false|

已支持的键盘操作

|按键|功能| |:---|:----| |space |选中/反选Checkbox|

开发调试

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