Toggle tip usage and content (versus labels, placeholders, error text, required state, tooltips, etc)

[fredvisser]

👈 Interaction Design Request

📌 Request Background

In Stratus applications, users usually configure data within 'slide-in dialogs' (AKA 'drawers'). These dialogs consists of multiple input controls, with each control supporting informative text in labels, placeholder text, help 'toggle-tips', and input validation messages.

We need to develop and document best practices for the text used in these controls.

Existing slide-in dialogs

Resources

https://www.nngroup.com/articles/form-design-placeholders/
https://uxdesign.cc/text-fields-forms-design-ui-components-series-2b32b2beebd0
https://uxplanet.org/the-anatomy-of-input-field-c3ef863e01d7
https://uxplanet.org/designing-more-efficient-forms-structure-inputs-labels-and-actions-e3a47007114f

🥅 Acceptance Criteria

In the context of the input components (text, numeric, select, combobox, text-areas, etc.) in a slide-in dialog, define recommendations in the form of a pattern document or component documentation that includes:

1. Naming guidelines for input labels
2. Guidelines for input placeholder text (present or not, structure, purpose)
3. Guidelines for input validation text (when should occur, structure)
4. Guidelines for toggle-tip text (present or not, structure, purpose)
5. 'Submit/Save/Confirm' button labeling and enable/disable status