JAVASCRIPT

react code input

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

react code input

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

react code input

import { reactCodeInput } from 'CodeInputField.scss'
...
const props = {
  className: reactCodeInput,
  inputStyle: {
    fontFamily: 'monospace',
    margin:  '4px',
    MozAppearance: 'textfield',
    width: '15px',
    borderRadius: '3px',
    fontSize: '14px',
    height: '26px',
    paddingLeft: '7px',
    backgroundColor: 'black',
    color: 'lightskyblue',
    border: '1px solid lightskyblue'
  },
  inputStyleInvalid: {
    fontFamily: 'monospace',
    margin:  '4px',
    MozAppearance: 'textfield',
    width: '15px',
    borderRadius: '3px',
    fontSize: '14px',
    height: '26px',
    paddingLeft: '7px',
    backgroundColor: 'black',
    color: 'red',
    border: '1px solid red'
  }
}
...
<ReactCodeInput type='number' fields={6} {...props}/>
...

react code input

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

react code input

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

react code input

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

react code input

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

react code input

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

react code input

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

react code input

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