| 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 Hover - hovering the text field will change the cursor to a text cursor.
Active 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.
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:
...