Forms
OTP Field
A segmented input for one-time passwords and verification codes.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { OtpField, OtpFieldInput } from "@wunderui/react"Examples
Length
4 and 6 digit codes.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Phone verification
Six boxes for the code sent by SMS, with a resend timer.
API Reference
| Prop | Type | Default |
|---|---|---|
| length | number | — (required) |
| value / defaultValue | string | — |
| onValueChange | (value: string) => void | — |