Validation Icons

The TextBox provides the option to display success and error icons, according to different conditions or validation.

Built-In Validation Icons

To render the validation icons, use the showSuccessIcon and showErrorIcon properties, which accept values of type IconShowOptions.

The possible values are:

  • initial - requires a form-bound TextBox component to run valid, invalid, touched and dirty state checks.
  • boolean - renders validation icons based on conditions set by the developer.
Example
View Source
Edit In Stackblitz  
Change Theme:

Custom Validation Icons

Both the success and error icons could be changed easily with custom font icons, by using the successIcon and errorIcon properties.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?