OTP
A One-Time Password (OTP) input component that provides a user-friendly way to enter verification codes. It supports both numeric and alphanumeric inputs, with features like paste support and redacted display.
Props
| Name | Default | Type |
|---|---|---|
mode | both | num char both Type of input allowed: numbers only, characters only, or both |
redacted | false | boolean Whether to show asterisks instead of the actual input |
Events
| Name | Payload | Type |
|---|---|---|
change | string | Emitted when the OTP value changes |
complete | string | Emitted when all OTP fields are filled |
Tokens
CSS variable tokens used for global or per-instance manipulation of certain styling.
| Token | Default | Description |
|---|---|---|
--vui-otp-background-color | var(--color-bg-lowered) | Input cell background |