| Table of Contents | ||||
|---|---|---|---|---|
|
...
General guidelines
Structure
The text area Text Fieldconsists of:
Label- a meaningful label of what information the user needs to provide.
Input Field (the input field can display a hint text).
States
...
Interaction
Hover - hovering the text area will change the cursor to text cursor.
Focus -
focusing the text area will place the cursor at the focus position and the hint text will disappear.
Double clicking a word inside the text area will select that word.
Triple clicking the text area will select the whole text in the text area, if exists.
Focus out - If no text was inserted, the hint text will be displayed again when the field will lose focus.
If a character limit was set, reaching the limit will prevent the user from keeping typing.
Text areas have a fixed height. A vertical scroll is added when the cursor reaches the bottom of the field.
Validations and errors
Please refer to Field validation page for more information.
A text area with a warning will have an orange border and a warning icon, as displayed below:
...