| Table of Contents |
|---|
...
The text field consists 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 field will change the cursor to a text cursor.
When a hint text exists and the field is active -
Clicking the text field will place the cursor at the cursor position and the hint text will disappear.
Double clicking a word inside the text field will select that word.
Triple clicking the text field will select the whole text in the text field, if exists.
When text was not inserted and the field is active -
Clicking the field will place the cursor at the beginning and the hint text will disappear.
Non active - If no text was inserted, the hint text will be displayed again, if exists, when the field will lose focus.
If a character limit was set, reaching the limit will prevent the user from keeping typing.
When used as a secured field (for example, password), the characters are hidden, also when typing (displayed as dots).
Validations and errors
Please refer to Field validation page for more information.
A text field with a warning will have an orange border and a warning icon, as displayed below:
...