1.0.4 • Published 2 years ago
@igloo_cloud/mui-otp-input v1.0.4
A customizable input for numeric one-time passwords based on MUI.
Installation
Just download the library from npm.
Using npm
npm install @igloo_cloud/mui-otp-input --saveUsing Yarn
yarn add @igloo_cloud/mui-otp-inputUsage
This library exports an OtpInput component as default. Once added to your app the component will accept the following props:
| Name | Type | Default | Description |
|---|---|---|---|
| characters | number | 4 | Number of character fields to display. |
| onChange | func | () => {} | Callback function that is called when the value of one of the character fields changes. |
| value | array | [] | An array on numbers corresponding to each of the character fields. |
| leadingCharacter | string | null | An optional character to display before the input. |
In addition to these props, the component will also accept all the props supported by MUI Textfields.
Try it out
Just clone this repository and run the following commands to open a live demo:
Using npm
cd example
npm startUsing Yarn
cd example
yarn start