search

transifex / txds

Transifex Design System
0 stars 2 forks source link

Rules for dropdown component in experience doc #16

Closed dontpanicgr closed 6 years ago

dontpanicgr commented 6 years ago

Intro

Helptext principles and patterns when used in dropdown menus or UI in general. Visuals: https://invis.io/TJHKU3AAY5X

Refs

Salesfore https://www.lightningdesignsystem.com/guidelines/data-entry/#site-main-content

Input Help To assist the users, you can add help text. If the explanation is lengthy, use an “info” icon and tooltip. For brief explanations (shorter than a sentence), you can place the text underneath the field. You can also use placeholder text to provide an example of the type of input required. For example, in a Name field, show a name in the correct format.

Google https://material.io/guidelines/components/dialogs.html#dialogs-specs https://material.io/guidelines/components/text-fields.html#text-fields-layout

Helper text Helper text gives context about a field’s input, such as how the input will be used. It should be visible either persistently or only on focus. Specs: Left justified On a single line if possible, or with text wrapping (if multiple lines)

Shopify https://polaris.shopify.com/components/forms/text-field#section-content-guidelines

Help text Help text provides extra guidance or instruction to people filling out a form field. It can also be used to clarify how the information will be used. As with all form content, help text should be succinct and easy to read.