0.0.4 • Published 10 years ago
tingle-checkbox v0.0.4
tingle-checkbox 
The Checkbox Component for tinglejs
TL;DR
Checkbox 是勾选框。
Install
npm install tingle-checkbox --saveSimple 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 | - | 点击之后的回调函数 |