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 runvalid
,invalid
,touched
, anddirty
state checks.boolean
—Renders validation icons based on conditions set by the developer.
Custom Validation Icons
You can change the success and error icons with custom font icons by using the successIcon
and errorIcon
properties.