pattern-library checked
Material Design: Text fields
Documents text fields with labels, helper text, error messages, formatted inputs, grouped characters, cursor jumps across separators, character counters, and prefix or suffix alternatives.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Character count | Choose character count when the limit is real, useful to users, and enforceable in the same unit displayed by the interface. | The field accepts typing and paste normally; the counter observes length rather than blocking editing prematurely. | Material Design text-field guidance supports character or word counters when a limit exists. |
| 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. | Material Design supports grouped formatted input, helper text, error text, and prefix/suffix alternatives for text fields. |
| 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. | Material Design supports prefixes and suffixes as formatted text-field elements for units, currency, domains, and time zones. |
Evidence Role
This source is treated as pattern-library evidence. Use it to validate the decision rules above, not as a visual style reference.
Publisher: Google Material Design. Last checked: .