Components

Label

Label is a themed version of the native label element that can be paired with other form components like Input, Textarea, Radio and Checkbox.

Labels are used to describe each element within a form. All form elements should be labelled.

Best Practices

Labels should:

  • Be meaningful, clear, and concise
  • Be short (i.e. 1-4 words)
  • Be sentence case
  • Be written in plain language
  • Use “(optional)” when a field is not required
  • Use a for attribute in the <label> that corresponds to the id of the associated form field