Field Inputs
Purpose-optimised text fields. Each carries the correct type / inputMode / autocomplete so the browser offers autofill, AND masks input so only valid characters are accepted and the value formats as you type (inputMode alone doesn’t block letters on desktop). Reusable across any screen — used on checkout and the billing update-payment dialog.
Card number — live brand detection
Groups digits in fours as you type; the network mark (Visa, Mastercard, Amex, Discover) appears from the leading digits. Try 4242…, 5555…, 3782…, 6011….
Expiry — MM/YY mask
Auto-inserts the slash; digits only.
Phone — US format
Formats to (713) 555-0142; letters can’t be entered.
Numeric — digit-only, capped length
A bare numeric field for CVC, ZIP, and similar. maxLength caps the digits.
Theme