Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/masked-input.json
Usage
import { MaskedInput } from "@/components/ui/masked-input";<MaskedInput
mask="(###) ###-####"
label="Phone Number"
placeholder="(555) 123-4567"
/>API Reference
MaskedInput
| Prop | Type | Default |
|---|---|---|
mask | string | required |
value | string | undefined |
onChange | (value: string) => void | undefined |
onSubmit | (value: string) => void | undefined |
label | string | undefined |
placeholder | string | undefined |
autoFocus | boolean | false |
id | string | undefined |
width | number | 40 |