NzFormControl: allow to customize validation status icon
Author: konossowCreated Sep 15, 2021Updated Jun 5, 2026
Labels🌈 Feature RequestComponent: Form
What problem does this feature solve?
In our application clearing inputs are done by 'close-circle' icon at the end of input. This decision is based of user habit. When input has an error it is misleading to have 2 same icons. We would like to customize validation status icon.
What does the proposed API look like?
It can be similiar to customizing validation tip:
[nzSuccessIcon]="customSuccessIcon"
[nzWarningIcon]="customWarningIcon"
[nzErrorIcon]="customErrorIcon"
[nzValidatingIcon]="customValidatingIcon"All of the inputs should be type TemplateRef | undefined
Optional solution could be to have just one input:
[nzStatusIcon]="customStatusIcon"Which should be type TemplateRef<{$implicit: 'success' | 'error' | 'warning' | 'validating' | null}> | undefined
In both cases if input is undefined it should fallback to current behavior
Source: NG-ZORRO/ng-zorro-antd