diff --git a/docs/en/UI/Angular/Form-Validation.md b/docs/en/UI/Angular/Form-Validation.md index c3fa3c5321..6a34348a83 100644 --- a/docs/en/UI/Angular/Form-Validation.md +++ b/docs/en/UI/Angular/Form-Validation.md @@ -89,6 +89,56 @@ Validation works on any element or component with a `formControl` or `formContro ``` +## How to Use a Custom Error Component + +First, build a custom error component. Extending the existing `ValidationErrorComponent` would make it easier. + +```js +import { ValidationErrorComponent } from "@abp/ng.theme.basic"; +import { ChangeDetectionStrategy, Component } from "@angular/core"; + +@Component({ + selector: "app-validation-error", + template: ` +
+
## What's Next?
- [Settings](./Settings.md)
diff --git a/docs/en/UI/Angular/images/form-validation---custom-error-template.gif b/docs/en/UI/Angular/images/form-validation---custom-error-template.gif
new file mode 100644
index 0000000000..6d9f492ce4
Binary files /dev/null and b/docs/en/UI/Angular/images/form-validation---custom-error-template.gif differ