Helper text

Helper text is an on-screen field guideline that helps provide context regarding 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.