Pin Input
A PIN code input with individual boxes for each character.
Usage
Numeric
Use type="number" to restrict to digits. The placeholder prop customizes empty slot display.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
otp | boolean | true | Whether to use OTP mode (one-time password autocomplete). |
Sub-components
PinInputGroup
Visual container
PinInputSlot
Individual input slot
| Prop | Type | Default | Description |
|---|---|---|---|
index* | number | - | Slot position (0-based) |
PinInputSeparator
Separator between slots