Block Parts
OTP Code Input
Large boxes for typing a 4- or 6-digit verification code.
Usage
Enter the 6-digit code we sent to alina@wunderui.dev
Installation
npm install @wunderui/reactThen import what you need:
import { OtpCodeInput, OtpCodeInputProps } from "@wunderui/react"API Reference
| Prop | Type | Default |
|---|---|---|
| length | 4 | 6 | 6 |
| value | string | — |
| onValueChange | (value: string) => void | — |
| onComplete | (value: string) => void | — |
| invalid | boolean | — |
| disabled | boolean | — |
| autoFocus | boolean | — |
| className | string | — |