Package Exports

react-code-input

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-code-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

react-code-input

React component for entering and validating code.

Installation

npm i --save react-code-input

Usage

Nummeric input:

Nummeric input

...
<ReactCodeInput type='number' digits={6} />
...

Text input:

Text input

...
<ReactCodeInput type='text' digits={6} />
...

Password input:

Password input

...
<ReactCodeInput type='password' digits={6} />
...

Nummeric input with options:

Nummeric input with options

const props = {
  options: {
    width: '15px',
    borderRadius: '3px',
    fontSize: '14px',
    height: '26px',
    paddingLeft: '7px',
    backgroundColor: 'black',
    color: 'lightskyblue',
    border: '1px solid lightskyblue'
  }
}
...
<ReactCodeInput type='number' digits={6} {...props}/>
...

Props:

type

Only types like: text, number, password are accepted.

options

digits

Amount of characters to enter.

value

Setting the initial value of code input field

name

onChange

Function, which is called whenever there is a change of value in the input box.

touch

untouch

License

MIT