Input OTP
One-time password input for verification and PIN flows.
Usage
Code: empty
API Reference
| Input | Type | Default |
|---|---|---|
| value | string | '' |
| length | number | 6 |
| pattern | string | '[0-9]' |
| inputMode | 'numeric' | 'text' | 'decimal' | 'tel' | 'search' | 'email' | 'url' | 'numeric' |
| disabled | boolean | false |
| ariaLabel | string | 'One-time password' |
| placeholder | string | '○' |
| Output | Type |
|---|---|
| valueChange | string |
| complete | unknown |
Component Source
Install via CLI:
npx @voltui/cli add input-otpTypeScript
Loading editor…
Copy this code to your project. The component uses ng-primitives/input-otp.