Checkbox.md

Checkbox

复选框组件。

Install

npm  install beeshell

Usage

引入方式

全部引入

import { Checkbox } from 'beeshell';

单独引入

import Checkbox from 'beeshell/components/Checkbox';

Examples

Code

import { Checkbox } from 'beeshell';

<Checkbox checkedValues={this.state.deliveryTime} onChange={() => {}}>
    <Checkbox.Item key={'a'} label="百度" trueValue="1" />
    <Checkbox.Item key={'b'} label="阿里" trueValue="2" />
    <Checkbox.Item key={'c'} label="腾讯" trueValue="3" />
</Checkbox>

通常与 Form 一起使用，详见 Form

Checkbox Props

Name	Type	Required	Default	Description
checkedValues	Array	false	null	默认选中的值，其中的值就是 Checkbox.Item 的 label 或者 trueValue（优先级高），再次被设置时会相应改变, 并联动全选状态的改变
showAllChecked	Boolean	false	false	是否展示全选按钮
onChange	Function	false	null	选项变化回调
iconPosition	String	false	'left'	选项扭 icon 位置

Checkbox.Item Props

Name	Type	Required	Default	Description
label	String	true	null	选项文案
trueValue	Any	false	null	选项值
disabled	Boolean	false	false	禁用选项
checked	Boolean	false	false	选中