LabelsLabels inform the user about the type of information that should be typed or selected in a form element.
Why and how to use this componentThese are labels that tell users what the corresponding input fields mean, they can be composed of a main "label" and a "help block" element
- help block
When to useIn every form element.
Do not use this componentWith left aligned labels. Top aligned labels also translate well on mobile
- labels written in all caps - they are more difficult to read and scan
- using placeholder text as labels
- placing check boxes side by side - check boxes underneath each other allows
- using optional fields in forms - if you use them, you should clearly
- hiding basic helper text