1.1.1 • Published 1 year ago
react-2fa-code v1.1.1
react-2fa-code
React component for inputing 2FA and other verification codes.
Installation
npm install react-2fa-codeUsage
It's pretty easy to get it up and running!
import AuthCode from 'react-2fa-code'
function App() {
return <AuthCode />
}That's it! See API reference for props and default configuration.
Demo

API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value | String | "" | The value of the component |
| length | Number | 4 | The number of characters to be rendered |
| password | Boolean | false | Hide the inputted characters |
| disabled | Boolean | false | Disable the component |
| allowPaste | Boolean | false | Allow characters to be pasted from the clipboard |
| pattern | RegExp | String | "" | The characters that are allowed |
| autoFocus | Boolean | false | Focus the component as soon as it is rendered |
| containerClassName | String | "" | CSS class name to add to the container |
| inputClassName | String | "" | CSS class name to add to the inputs |
| OnChange | Function | - | Callback function that gets called when the value of the component changes |
| OnComplete | Function | - | Callback function that gets called when all characters have been inputted |