多选 Checkbox
issue

从选中选择多个值

何时使用

代替原生checkbox

如何使用

import { Checkbox } from 'tinper-bee';

or

import Checkbox from 'bee-checkbox';
import 'bee-checkbox/build/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
options 指定可选项 string[] [] 2.0.7+
defaultValue 默认选中的选项 string[] [] 2.0.7+

已支持的键盘操作

按键 功能
space 选中/反选Checkbox

注意事项

暂无

更新日志

  • v2.0.11 2020-04-24 ( release地址 )

    Bug Fixes

  • v2.0.10 2020-03-06 ( release地址 )

    • bee-checkbox @2.0.10
      • [ Feature ] 增加focus标识。
  • v2.0.9 2019-10-10 ( release地址 )

    • bee-checkbox @2.0.9
      • [Fixbug]解决点击复选框报错的问题。
  • v2.0.8 2019-10-10 ( release地址 )

    • bee-checkbox @2.0.8
      • [Fixbug]checkbox inverse 模式下没有 disabled 样式。
  • v2.0.7 2019-09-03 ( release地址 )

    • bee-checkbox @2.0.7
      • [Feature]CheckboxGroup 新增 defaultValue API,用于设置默认选中的选项。
      • [Feature]CheckboxGroup 新增 options API,支持通过传入数组,生成可选项 Checkbox。#329
  • v2.0.6 2019-05-24 ( release地址 )

    • bee-checkbox @2.0.6
      • [Fixbug]在CheckboxGroup内单独设置checkbox的disabled属性未生效问题
  • v2.0.5 2019-04-01 ( release地址 )

    • [Feature]bee-checkbox @2.0.5,文字大小由14px修改为12px
  • v2.0.4 2019-03-29 ( release地址 )

    • [Feature]bee-checkbox @2.0.4
      • 修改复选框间的margin
  • v2.0.3 2019-03-12 ( release地址 )

    • [Feature] bee-checkbox @2.0.3
      • 按新UI规范优化组件
      • CheckboxGroup增加disabled参数
      • Checkbox增加inverse参数,提供两种样式的复选框