New to Kendo UI for Angular? Start a free 30-day trial

Validation Icons

The TextBox enables you to display icons indicating successful and erroneous processes based on different conditions or validation.

Built-In Validation Icons

To render the built-in 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
Change Theme:

Custom Validation Icons

You can change the success and error icons with custom font icons by using the successIcon and errorIcon properties.

Example
View Source
Change Theme: