| 1 | # 多选 Checkbox
|
| 2 |
|
| 3 | 从选中选择多个值
|
| 4 |
|
| 5 | ## 何时使用
|
| 6 | 代替原生checkbox
|
| 7 |
|
| 8 | ## 如何使用
|
| 9 |
|
| 10 | ```
|
| 11 | import { Checkbox } from 'tinper-bee';
|
| 12 |
|
| 13 | or
|
| 14 |
|
| 15 | import Checkbox from 'bee-checkbox';
|
| 16 | import 'bee-checkbox/build/Checkbox.css';
|
| 17 |
|
| 18 | ```
|
| 19 |
|
| 20 | ## 代码演示
|
| 21 |
|
| 22 | ## API
|
| 23 |
|
| 24 | ### Checkbox
|
| 25 |
|
| 26 | |参数|说明|类型|默认值|
|
| 27 | |:--|:---|:--|:---|
|
| 28 | |className|类名|string|-|
|
| 29 | |color|one of: `primary` `success` `info` `danger` `warning` `dark`|string|''|
|
| 30 | |disabled|是否可用|bool|false|
|
| 31 | |onChange|监听改变|function|-|
|
| 32 | |defaultChecked|默认是否选中|bool|false|
|
| 33 | |checked|是否选中|bool|-|
|
| 34 | |indeterminate|部分选中|bool|-|
|
| 35 | |onDoubleClick|双击事件|function|function(checked, event){}|
|
| 36 | |onClick|单击事件|function|function(event){}|
|
| 37 | |value|选中的值，需配合CheckboxGroup使用|string|-|
|
| 38 | |inverse|设置选中为红色填充|bool|false|
|
| 39 |
|
| 40 |
|
| 41 | ### CheckboxGroup
|
| 42 |
|
| 43 | |参数|说明|类型|默认值|版本|
|
| 44 | |:--|:---|:--|:---|:---|
|
| 45 | |className|类名|string|-| |
|
| 46 | |onChange|监听改变|function|-| |
|
| 47 | |value|设置默认值|array|[]| |
|
| 48 | |disabled|是否可用|bool|false| |
|
| 49 | |options|指定可选项|string[] | []|2.0.7+|
|
| 50 | |defaultValue|默认选中的选项|string[] | []|2.0.7+|
|
| 51 |
|
| 52 | ### 已支持的键盘操作
|
| 53 |
|
| 54 | |按键|功能|
|
| 55 | |:---|:----|
|
| 56 | |space |选中/反选Checkbox|
|
| 57 |
|
| 58 | ## 注意事项
|
| 59 |
|
| 60 | 暂无
|
| 61 |
|
| 62 | ## 更新日志
|
| 63 |
|