← ui-lab

Masked Input

A text field that reformats its value as you type — the credit-card / IBAN mask. Digits are grouped into fixed-size chunks separated by a separator; non-digit characters are dropped and the length is capped. Try typing a long string of digits and letters.

Preview

Installation

npx shadcn@latest add https://ui.publictheta.com/r/masked-input.json

Conformance

This component conforms to the @publictheta/ui-spec masked-input specification. Run the suite against any implementation with pnpm conformance.