# CheckboxButton

### config
参数 | 说明 | 类型 | 默认值 | 是否必传 | 版本
---|---|---|---|---|---
className | 样式类名 | string | 无 | 否 | 3.1.0
checked | 指定当前是否选中 | boolean | false | 否 | 3.1.0
...checkboxProps | CheckBox 可传入的其他属性，具体参照 antd3 | - | 无 | 否 | 3.1.0

### 类型
```typescript
interface CheckboxGroup {
    checked?: boolean,
    className?: string,
    [propsName: string]: any,
}
// antd 3
interface AbstractCheckboxProps<T> {
    prefixCls?: string;
    className?: string;
    defaultChecked?: boolean;
    checked?: boolean;
    style?: React.CSSProperties;
    disabled?: boolean;
    onChange?: (e: T) => void;
    onClick?: React.MouseEventHandler<HTMLElement>;
    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
    value?: any;
    tabIndex?: number;
    name?: string;
    children?: React.ReactNode;
    id?: string;
    autoFocus?: boolean;
}
interface CheckboxProps extends AbstractCheckboxProps<CheckboxChangeEvent> {
    indeterminate?: boolean;
}
```

### example
```typescript
<Checkbox.Group disabled={disabled}>
    {customUserOptions.map(obj => (
        <CheckboxButton value={obj['value']} key={obj['value']}>{obj['label']}</CheckboxButton>
    ))}
</Checkbox.Group>
```