tingle-checkbox

The Checkbox Component for tinglejs

TL;DR

Checkbox 是勾选框。

Install

npm install tingle-checkbox --save

Simple Usage

constructor(props) {
    super(props);
    this.state = {
        on: true
    }
}
handleChange(value) {
    console.log(value);
    this.setState({
        on: value
    });
}
render() {
    var t = this;
    return <div className="tM20">
        <Checkbox className="tMR10" on={t.state.on} onChange={t.handleChange.bind(t)}/>
        <span style={{'vertical-align': 'middle'}}>同意并接受 XXX 协议</span>
    </div>
}

Options 可用配置

| 配置项 | 必填 | 默认值 | 功能/备注 | |---|----|---|----| |className|optional|-|自定义样式类| |on|required|-|布尔值，表示当前初始化的时候勾选框是否选中的状态| |onChange|required|-|点击之后的回调函数|

Links 相关链接

• Fire a bug/Issues 提Bug
• Tingle项目