Input
Input allows the insertion of information into the system. They are composed of:
- Label: Indicates the type of information required. Use clear and succinct words
- Placeholder: Can be used to help understand component usage. For example, in a filter or search field, the placeholder might say ”Enter a term to see more information”. It should only be used in specific cases, not in all interface fields
- Help/Feedback: Can be used to help fill in the data, providing specific rules for passwords or showing that the field is filled in incorrectly
Through pre-typed texts, tips and labels, we facilitate the understanding of what should be written in certain fields, avoiding errors, repetitions and frustrations.
Good habits:
- Give examples of information and tips of what can be typed
- Use verbs to guide. For example: in the password field, enter "use at least 8 letters and numbers"
- Be consistent in the ways these hints are used for text fields
Prefix and suffix
Prefixes and suffixes can help fill in fields with specific formats, making it easier to understand and format the information in the required standards.
Feedback
To report a problem, request new icons, request new component use cases, ask questions, share suggestions, or report bugs, get in touch through our Slack channel #tangram-design-system.