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">
import "./node_modules/src/Checkbox.scss"
import "./node_modules/build/bee-checkbox.css"
API
参数 | 说明 | 类型 | 默认值 |
---|
className | 类名 | string | - |
color | one of: primary success info error warning dark | string | '' |
disabled | 是否可用 | bool | false |
onChange | 监听改变 | function | - |
defaultChecked | 默认是否选中 | bool | false |
checked | 是否选中 | bool | - |
indeterminate | 部分选中 | bool | - |
onDoubleClick | 双击事件 | function | function(checked, event){} |
onClick | 单击事件 | function | function(event){} |
开发调试
$ git clone https://github.com/tinper-bee/bee-checkbox
$ cd bee-checkbox
$ npm install
$ npm run dev