PinInput
PinInput Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| length | number | — | |
| mask | boolean | — | |
| size | selectsm | md | lg | — |
Default
SixDigit
Masked
Disabled
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
length | number | — | Number of digits |
mask | boolean | — | Mask input |
size | select | — | Size variant |
Using PinInputtsx
import { PinInput } from '@/components/PinInput'
<PinInput
length="..."
mask="..."
size="..."
/>Tokens Used
No design tokens detected