Overview

A versatile React component for one-time password inputs, allowing full customization. Perfect for secure web authentication interfaces.

Documentation

A versatile React component for one-time password inputs, allowing full customization. Perfect for secure web authentication interfaces.

Features

• Value: The value of the OTP passed into the component
• Num Inputs: Number of OTP inputs to be rendered. Default is 4.
• Render Separator: Input that is supposed to be rendered for each of the input fields. Default is -.
• Input Type: 'password' | 'text' | 'number' | 'tel'. Default is 'text'.
• Placeholder: Specify an expected value of each input. The length of this string should be equal to Num Inputs.
• Input Style: class passed to each input.
• Container Style: class passed to container of inputs.

Demo URL:

https://reactotp-sandbox.mxapps.io/login.html?profile=Responsive

Credentials:

demo_administrator

MXGH4LbjhgtF

Dependencies:

•          Mendix modeler 9.12.4.

Issues, suggestions and feature requests

https://github.com/bharathidas/ReactOTP/issues