0.0.4 • Published 8 years ago
tingle-checkbox v0.0.4
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 | - | 点击之后的回调函数 |