OTP Input
A one-time password (OTP) input component that renders individual input fields for each digit. Useful for verification codes, two-factor authentication, and similar workflows.
Installation
npm install @duskmoon-dev/el-otp-inputUsage
import { register } from '@duskmoon-dev/el-otp-input';
register();<el-dm-otp-input length="6" color="primary"></el-dm-otp-input>Live Demo
Default (6 digits)
4 Digits
Colors
Disabled
Properties
| Property | Type | Default | Description |
|---|---|---|---|
length |
number |
6 |
Number of digit fields |
color |
'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' |
'primary' |
Color theme |
disabled |
boolean |
false |
Disable all fields |