Atoms
Label
Text labels are used to guide or describe a user action and are placed nearby an action component.
Properties
- A label is generally used to identify a closeby interaction component eg. a text box or a checkbox.
- Some labels can respond to events such as mouse clicks, eg. in the case of checkboxes.
- Checkbox labels should be placed right to the checkbox.
- Form labels should be placed left or on top of the input field.
Example
Some labels (for checkboxes and input fields) in the context of a form
See also