Helper text

Helper text is a text-based support method that adds additional context to field inputs.

Examples

Helper text on a form

This is helper text on a form field.
This is helper text for a warning.
This criteria has been met.
This criteria has not been met.
This criteria has been met.
This is dynamic helper text with an icon showing success.

Documentation

When adding helper text to a form field, place it within the form helper text element.