​​SUI - Form placeholder
​​
​​We are not using Dropbox anymore for UX definitions
​​please check SUI Studio instead: https://sui-components.now.sh/
​​
​​Thanks
​​
​​Form placeholder is pre-filled text in text fields such as Input or Text area.
​​It serves to inform the user about the type of content he has to fill in that place.

​​Definition metadata

​​
​​Status of definition 
​​Complete
​​Definition version number
​​1.0
​​Category
​​Atom
​​Last Changelog update
​​21/11/2017 (see details in the Changelog section)
​​Owners
​​UX ​@David G​ , UI ​@Daniel P​ , FE 

​​Structure

​​This component is based on an informative text that is combined with other Atoms such as Input or Text Area.
​​It is recommended (but not mandatory) to always include a placeholder in the text field to clear up any doubts about the required content.

​​Behavior

​​When loading the page, the placeholder must be loaded. Once the user starts writing, it should disappear.
​​When the user starts to write, the Placeholder will disappear. If the written text is deleted, the placeholder should reappear.
​​

​​Content

​​The text must be clear, concise and short. 
​​

​​Visual

​​
​​
 
User-uploaded image: placeholder-visual.png
​​
​​

​​Accessibility

​​This component should support all the recommendations that appear on the Accessibility & Inclusion Guidelines.
​​
​​For this component it is recommended to pay special attention to the following recommendations:
​​16. Text should always be displayed as text

​​Links

​​SUI

​​Paste link here.

​​InfoJobs

​​Paste link here.

​​Fotocasa:

​​Paste link here.

​​Coches:

​​https://zpl.io/bzn16A3 (Version 1.0)
​​

​​Changelog

​​Here we will detail the changes, improvements or additions that we include in this documentation in future versions.
​​

​​Version 1.1

  • ​​Section X: Lorem ipsum
  • ​​Section X: Lorem ipsum
  • ​​Section X: Lorem ipsum