You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I believe this can be addressed with a documentation/example update as this is completely possible-
Placing a <mat-icon> with matSuffix inside a mat-form-field and conditionally showing it via email.invalid && email.touched achieves the expected M3 error icon behavior. I tried this out locally and have attached screenshot of the same.
Happy to raise PR if a maintainer can confirm if just this doc update is preferred, or if it is expected to be added as a separate component, alongside the existing error field. @crisbeto
Activity
varshini03 commentedon Aug 24, 2026
I believe this can be addressed with a documentation/example update as this is completely possible-
Placing a
<mat-icon>with matSuffix inside a mat-form-field and conditionally showing it viaemail.invalid && email.touchedachieves the expected M3 error icon behavior. I tried this out locally and have attached screenshot of the same.Happy to raise PR if a maintainer can confirm if just this doc update is preferred, or if it is expected to be added as a separate component, alongside the existing error field. @crisbeto