eRelated Pages: << Links to related pages, if relevant >>
| Table of Contents | ||||
|---|---|---|---|---|
|
...
Any content below an inline text area should be pushed down the page when the field is active, so that all content is still visible. For example:
Before | After |
|---|---|
 |  |
Inline selection inputs should overlay any content below when active. For example:
Before | After |
|---|---|
 |  |
Default State
Inline inputs may include assistive placeholder text by default. For example:
...
State | Inline Text Inputs | Inline Selection Inputs | ||
|---|---|---|---|---|
Text Area | Text Field | Drop-down menu | Date Picker | |
Regular |  |  |  |  |
Hover |  |  |  |  |
Active |  |  |  |  |
Saving |   |  |  |  |
Read Only |  |  |  |  |
Error |  |  |  |  |
Warning |  |  |  |  |
Focused |  |  |  |  |
...
Zeplin link | Screen thumbnail |
|---|---|
Inline Text Field - https://zpl.io/Q0L0nKn |  |
Inline Text Area - https://zpl.io/O0M0nEl |  |
Inline Date Picker - https://zpl.io/L484no6 |  |
Inline Dropdown Menu - https://zpl.io/9qgqzXw |  |
Code
<<a box containing the code - when there is no code to present use the Coming Soon GIF>>
...