react-input-groups

React验证码输入框,仿支付宝微信密码输入框,仿钉钉摩拜短信验证码输入框

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-input-groups
1.0.34 years ago4 years agoMinified + gzip package size for react-input-groups in KB

Readme

react-input-groups
  • 仿支付宝微信密码输入框 钉钉验证码输入框

  • 使用方法

#### 安装
- ```
npm install react-input-groups;
```
#### 引入
- ```
import InputGroup from 'react-input-groups';
import 'react-input-groups/lib/css/styles.css'

export class Inputarea extends React.Component {
    constructor(props) {
        super(props);
        this.state = {

        };
        this.getValue = this.getValue.bind(this)
    }
    getValue(value) {
        console.log(value)
    }
    render() {
        return (
          <div>
            <InputGroup
                getValue={this.getValue}
                length={4}
                type={'box'}
            />
            <InputGroup
                getValue={this.getValue}
                length={4}
                type={'line'}
            />
          </div>
        );
    }
}
```