Helper text

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

Examples

Name

This is helper text on a form field.

E-mail

This is helper text for a warning.

Address

This criteria has been met.

This criteria has not been met.

This criteria has been met.

Comment

This is dynamic helper text with an icon showing success.

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