Masked input

Name: Rift DS
Author: Robert Ritacca

A value written into its shape

A masked input writes a phone number, a card number, an ID number or a licence key into its shape as it is typed. The value is the raw characters, the caret holds its place across separators, and a sensitive value hides as dots until the reader shows it.

Presets

Phone number

ZIP code

Licence key

Sensitive

Card number

Tax ID

// From the npm package
import { MaskedInput } from 'rift-ds/components/MaskedInput/MaskedInput';

// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/masked-input.json