✨ Update demo

Author: ajayns

src/demo/index.jsx

@@ -12,6 +12,7 @@ class Demo extends Component {
  separator: '-',
  isDisabled: false,
  hasErrored: false,
+ isInputNum: false,
  };
  }
 
@@ -34,7 +35,7 @@ class Demo extends Component {
  };
 
  render() {
- const { otp, numInputs, separator, isDisabled, hasErrored } = this.state;
+ const { otp, numInputs, separator, isDisabled, hasErrored, isInputNum } = this.state;
 
  return (
  <div className="container">
@@ -93,6 +94,18 @@ class Demo extends Component {
  Error
  </label>
  </div>
+ <div className="side-bar__segment">
+ <label htmlFor="isInputNum">
+ <input
+ id="isInputNum"
+ name="isInputNum"
+ type="checkbox"
+ checked={isInputNum}
+ onChange={this.handleCheck}
+ />
+ Input numbers only
+ </label>
+ </div>
  <div className="side-bar__segment side-bar__segment--bottom">
  <a href="https://github.com/ajayns/react-otp-input">
  Documentation and Source
@@ -119,6 +132,7 @@ class Demo extends Component {
  errorStyle="error"
  onChange={this.handleOtpChange}
  separator={<span>{separator}</span>}
+ isInputNum={isInputNum}
  shouldAutoFocus
  />
  </div>