One Time Password

import { AXOtpModule } from '@acorex/components/otp';

OTP component offers a robust solution for capturing one-time passwords while providing customization options to meet different security and design requirements. With the ability to set the length, return the complete value, control input state with disabled and readonly modes, and style the input sections, it serves as a valuable tool for ensuring secure and visually appealing OTP entry in application.

Overview

In this section, you can test different options of this component and see the output in real time

One Time Password

Please enter the verification code that was emailed to you

Length

Look

Solid

Readonly

Disabled

Usage

A simple example of using ax-otp

Preview

Code

Length

Use length property for number of inputs

Preview

Code

Copy & Paste

If you want paste value into input, just copy numbers and paste into any input. it will automatically fill value

Preview

Code

Validation

You can use validation by use state property. state property can get clear, success, error

Preview

Code

Auto Foucs

You can pass axAutoFocus directive to ax-otp

Preview

Code