Input Help
To assist the users, you can add help text. If the explanation is lengthy, use an “info” icon and tooltip. For brief explanations (shorter than a sentence), you can place the text underneath the field.
You can also use placeholder text to provide an example of the type of input required. For example, in a Name field, show a name in the correct format.
Helper text
Helper text gives context about a field’s input, such as how the input will be used.
It should be visible either persistently or only on focus.
Specs:
Left justified
On a single line if possible, or with text wrapping (if multiple lines)
Help text
Help text provides extra guidance or instruction to people filling out a form field. It can also be used to clarify how the information will be used. As with all form content, help text should be succinct and easy to read.
Intro
Helptext principles and patterns when used in dropdown menus or UI in general. Visuals: https://invis.io/TJHKU3AAY5X
Refs
Salesfore https://www.lightningdesignsystem.com/guidelines/data-entry/#site-main-content
Google https://material.io/guidelines/components/dialogs.html#dialogs-specs https://material.io/guidelines/components/text-fields.html#text-fields-layout
Shopify https://polaris.shopify.com/components/forms/text-field#section-content-guidelines