Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  1. Left align all fields
  2. Add headings:
    1. Field name
    2. Appearance
    3. Function (or Description)
  3. Consider adding visible columns for headings
  4. Add a short description per field. Say, max 140 characters. (Use this for... Can also be used for... etc.) Where, why, how. (Use on x pages to describe. Try not to use more than x times per page.) 
  5. Add link to official documentation, where users can find detailed information on using fields. The link could be by the line "Showcase apps......."

Mockups

...

Form fields and descriptions

 

FieldDescription
 Static text  
Commit button in a form  
Reset button in a form  
Link  
Text field  
Text area  
Password fields  
Checkbox  
Radio button group  
Checkbox group  
Select  
Date field 

...


Vaadin fields

...

and descriptions

 

FieldDescription
Static text

...

 
Commit button in a form 
Reset button in a form 
Link 
Text field 
Text area 
Password fields 
Checkbox 
Radio button group 
Checkbox group 
Select 
Date field