tingle-checkbox

0.0.4 • Public • Published

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

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

Links 相关链接

Package Sidebar

Install

npm i tingle-checkbox

Weekly Downloads

2

Version

0.0.4

License

MIT

Last publish

Collaborators

  • gbk