Maersk Design System: Input masks
Documents input masks as controls for consistent formatted entry, including credit card grouping, copy/paste and correction requirements, hint text for complex formats, and cases where prefix/suffix or ordinary input is a better fit.
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Input mask | Choose input mask when the value has a stable, narrow structure with predictable character classes and grouping. | Typing valid characters fills the next available mask slot and inserts literal separators automatically. | Maersk supports using masks for stable expected formats while preserving copy/paste and correction, and distinguishes masks from prefix/suffix or ordinary inputs. |
| Input prefix/suffix | Choose input prefix/suffix when a common fixed symbol, unit, abbreviation, domain, or icon clarifies what the text input accepts. | The affix is visible near the input but not editable as part of the field value. | Maersk supports the boundary that prefix/suffix is preferred over a mask when a constant value is grouped with the typed value. |
Comparisons supported by this source
- Input mask vs text input vs inline validation vs autocomplete
Maersk distinguishes masks for specific expected formats from prefix/suffix and ordinary inputs, and requires copy/paste and correction not be impaired.
- Input prefix/suffix vs input mask vs text input vs inline validation
Maersk distinguishes prefix/suffix from input masks when a constant value must be grouped with the typed value.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Maersk Design System. Last checked: .