MaskInput
MaskInput Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| mask | text | — | |
| value | text | — | |
| disabled | boolean | — | |
| size | selectsm | md | lg | — |
Default
DateMask
CreditCard
Disabled
Sizes
sm
md
lg
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disabled | boolean | — | — |
mask | text | — | — |
size | select | — | — |
value | text | — | — |
Using MaskInputtsx
import { MaskInput } from '@/components/MaskInput'
<MaskInput
mask="..."
value="..."
disabled="..."
size="..."
/>Tokens Used
No design tokens detected