react-code-field

react-code-field

Usage no npm install needed!

<script type="module">
  import reactCodeField from 'https://cdn.skypack.dev/react-code-field';
</script>

README

react-code-field

A predictable input field for codes, PIN codes, promotional codes, and the like.

WARNING

Still in alpha version, api changes every update, don't use in production

Props:

Property Type
fields number
type? string
initialValue string
className? string
inputClassName? string
listBannedChars? string[]
forceUpperCase? boolean
autoFocus? boolean
onChange? func
onLastChange? func

TODO:

  • add character filtering
  • add the ability to call callback when the last input is changed
  • add the ability to set a initial value
  • add the ability to force characters to uppercase
  • add the ability to integrate with formik and other form managers
  • add the ability to turn autofocus on and off
  • add typescript support
  • write functional tests
  • write unit tests
  • create live demo
  • create complete README

If you have questions or suggestions, create a issue.