0.0.4 • Published 8 years ago

tingle-checkbox v0.0.4

Weekly downloads
5
License
MIT
Repository
github
Last release
8 years ago

tingle-checkbox npm version

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 可用配置

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

Links 相关链接