FYI, I have upgraded Angular app from v14 to v15. I have upgraded Angular Material too to v15 and then executed MDC migration command too.
I noticed that almost all the template files, the MDC step has added appearance="outlined" to most of the elements. But whereas some previous files in the project (even before MDC), has appearance="outline" implemented by previous developers.
So, what should I do now, now my application has both appearance="outlined" & appearance="outline" in different files. Should I maintain consistency to only have any of the two variants in entire application?
>Solution :
On the source code of mat-form-field(v15) line 56.
/** Possible appearance styles for the form field. */
export type MatFormFieldAppearance = 'fill' | 'outline';
When looking at mat-formfield(v14) These are the valid types!
/** Possible appearance styles for the form field. */
export type MatFormFieldAppearance = 'legacy' | 'standard' | 'fill' | 'outline';
So to conclude outlined is either a typo or incorrect value, go with 'outline' throughout the usages!