Related Pages: << Links to related pages, if relevant >>
Table of Contents | ||||
---|---|---|---|---|
|
...
They should be used where information needs to be quickly and frequently updated, and when it would be undesirable to change the user’s view.
...
Type | Usage | Input | Regular (Reading Mode) | Active (Editing Mode) |
---|---|---|---|---|
Inline Text Inputs | Inline text inputs are variants of the standard Text Field and Text Area components. | Text Area | ||
Text Field | ||||
Inline Selection Inputs | Inline selection inputs are variants of standard selection components, such as a Drop-down Menu, Date Picker, or Time Picker. | Dropdown Menu | ||
Date Picker |
Usage & Behavior
...
A label, containing either the current content or informative placeholder text.
An input field, corresponding to the standard Text Area or Text Field component.
Save and Cancel action buttons.
A progress indicator, to show changes being saved.
Inline selection inputs consist of:
...
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>>
...