OTPInput
OTPInput Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| length | number | — | |
| disabled | boolean | — | |
| error | boolean | — | |
| autoFocus | boolean | — |
Default
FourDigit
WithError
Invalid verification code.
Disabled
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
autoFocus | boolean | — | Auto-focus first input |
disabled | boolean | — | Disabled state |
error | boolean | — | Error state |
length | number | — | Number of digit boxes |
Using OTPInputtsx
import { OTPInput } from '@/components/OTPInput'
<OTPInput
length="..."
disabled="..."
error="..."
autoFocus="..."
/>Tokens Used
No design tokens detected