Text area

Allow user to add a long text in a form. They are mainly use for polls or gather information.

Informational message

An informational message give details to help user to filling input. It can add context or give indications.

These messages can be important for users.

  • If this message give essential information to complete input. It has to be visible and place under the input like in the first illustration.
  • If the message gives information or hints to help the user, it should be placed in a tooltip next to the text entry when is hovered over as in the second illustration.

 

 

Optional and required input

Text input but also text area and number input can be:

  • Optional, which means users have not to fill it to continue their progression. This information need to be visible and placed on the top right of the text area.
  • Required, which means they have to fill it to continue to navigate. This information is not visible but if the users try to continue their progression, an error appears on the top right of the input with mention “required field”.