Input Mask
A masked input that enforces a specific format pattern — ideal for phone numbers, dates, credit cards, and other structured data entry.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <InputMask />
When to Use
- Phone number inputs with automatic formatting
- Credit card number fields with digit grouping
- Date entry enforcing MM/DD/YYYY or similar patterns
- Any structured input where a fixed format reduces user errors
Value:
'?' prompt char instead of default '_'
5-digit US postal code
Enter a complete phone number.
API Reference
InputMask
Mask Characters
| Character | Matches |
|---|---|
| # | Any digit (0–9) |
| A | Any letter (a–z, A–Z) |
| * | Any character |
Related Components
- Input — Free-form text input without format constraints
- NumberInput — Numeric input with increment/decrement for pure number values
- Form — Wrap InputMask with validation and labels in form layouts