Hints and Errors

The FormField enables you to display hint and error messages.

To render hints and errors, add the HintComponent or ErrorComponent instances inside the FormField component.

Default Setup

By default, the errors are hidden and will be displayed when the form control is invalid after user interaction. If provided, the hints will be initially visible and will hide if an error occurs.

Change Theme

Theme

Loading ...

Visibility

You can control the behavior of hint and error messages by setting the showHints and showErrors properties.

The available showHints values are:

• (Default) initial—The hint messages are displayed when the state of the form-bound component is valid or untouched, and pristine.
• always—The hint messages are always displayed, leaving the control of their content visibility to the developer.

The available showErrors values are:

• (Default) initial—The error messages are displayed when the state of the form-bound component is invalid and touched, or dirty.
• always—The error messages are always displayed, leaving the control of their content visibility to the developer.

Change Theme

Theme

Loading ...

Alignment

Both the HintComponent and ErrorComponent allow you to specify the text alignment by setting the align property.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the FormField