react-input-code

react-input-code

React component to insert a code in a series of single char input elements

Install

npm install --save react-input-code

Usage

import React, { useState } from 'react'
import ReactInputCode from 'react-input-code'
import 'react-input-code/dist/index.css'

const App = () => {
  const [value, setValue] = useState('')

  return <>
    <ReactInputCode
      value={value}
      onChange={setValue}
      type={'text'}
      className='my-input-code'
      itemClassName='my-code-item'
      nItems={6}
      autofocus={true} />

    <p>Current value: {value}</p>
  </>
}

License

MIT © [Mario Fornaroli](https://github.com/Mario Fornaroli)