masked input

Masked Input

Masked Input

Generic masked input for SSN, tax ID, IBAN, or custom patterns.

Preview

Features

  • Mask tokens: 9 (digit), a (letter), * (alphanumeric).

Installation

npx shadcn@latest add https://www.shadcn-form.com/registry/masked-input.json

Registry JSON: /registry/masked-input.json

Usage

import { MaskedInput } from '@/components/ui/masked-input'
<MaskedInput mask="999-99-9999" value={value} onValueChange={setValue} />