Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Reusable one-time passcode field extracted from the Opus authentication flow. It supports full-code paste, numeric filtering, automatic forward focus, backspace navigation, and arrow-key movement.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | Controlled numeric code. |
onChange | (value: string) => void | — | Called whenever the code changes. |
onComplete | (value: string) => void | — | Called when every digit is populated. |
length | number | 6 | Number of code fields. |
one-time-code autocomplete purpose.