Use the text input component when you only need users to enter text that is no longer than a single line. The label of the text input should clearly indicate what the user needs to key in.
If you require users to enter text and/or long answers that span multiple lines. In such cases, using the text area component would be more appropriate.
Do use error messaging that is clear and concise. The error message should tell users what went wrong and/or how to recitify it.
The error message should be inbetween the text input label and the text input field. If you have hint text, it should be inbetween the hint text and the text input field.
Success messaging should be used when you require inline validation. It can be used with or without the hint text. If hint text is used, it should clearly state what the user needs to enter into the field.
Having troubles with the guide? Please give us more details and we'll get back to you soon.Chat with the team