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 theid
of the associated form field