What's new in Angular Material and the CDK in Angular v15

Our team is excited to share a high-level overview of all the new features of Angular Material and the Component Dev Kit (CDK) in v15. From announcing new MDC-based components to range selection support, and density customization. Watch a demo on how to update and use these new components.

Speaker: Emma Twersky

#Angular #Developer

[amadeusbm]

Migrating to version 15 is hell. And you pass it on each of your Angular applications. Nice sweater.

[hpsxqjy]

A powerhouse for Angular Material but a scary house for customised components

[bzu]

It''s amazing, I can't wait to see the new angular material components implementing the v3 of material design .

[mykhailorachek]

I have a styling library that styles all material components based on a given design specs. But material v16 has migrated all angular components styles to MDC components which broke all our existing styles because of the DOM structure change.
Now we are again planning to style all MDC components but this time we want to follow future proof styling path.
I don't see any document that I can follow and add extensive styles on top of MDC styles.
I can see material now using --mdc-* custom properties for all components and using those variables I can override the styles but I don't see any documentation for the same.
What should be the best path for such users who want to override styles on top of the Angular material library?

[alexcoroza]

Is there any comprehensive video about typography in Angular Material 15? Im stucked for days upgrading our Angular project into v15. Got stucked because angular-material introduced too many changes in v15. There is a migration tool and guide but I cannot see some vids talking about typography. Previous versions are using `display-4`, `display-3` etc but in v15 it became `headline-1`, `headline-2`, etc. SO what should we do to our previous theme configuration that uses the old naming? My team already considering changing framework gradually in the future moving away from angular because of these kinds of updates

[_dinesh]

You folks are doing an awesome job! Thank you so much for all the great improvements. Just a quick thought - tweaking these components could be even more fun if we smooth out the development experience a bit . Also it would be nice if they can seamlessly work with TailwindCSS. Cheers!😉

[jkevinparker]

I missed the step with the migration tool, but the only thing in my project that seems to have broken is my input error messages. Time to go run the migration! Thanks for this.

[prerit]

I am really exited for material design 3!

[MisteriosMisteriososExtranos]

What about a Migration tool/guide for the deprecated "Angular Flex Layout"?

[anasjelloul]

Why u don't use sizing control like button btn-sm ?

[johnchanthy]

NOT SUPPORTED: keyword "id", use "$id" for schema ID. What happing his error?

[dromar]

Good job. One question which has been on my mind is, if the material-table can be used in combination with virtual scroll. Can these two be combined?

[clashclan]

From where suddenly MDC came. First pls tell me what was used before that. What we are migrating here 🤔. I didn't know we had migrations for 13 to 14. Just used ng upade @angular/material, that's it, right?

[akshathabk]

My app became very slow after migrating to v15

[ostaporobets]

Have you heard the phrase "backwards compatibility"? My full time job is BE development. I had my personal project, where I did basic FE work with Angular and Angular material. I'm not migrating angular material 15, because migration turned into nightmare. That's how you force people jump off your framework (component library). This just showed immaturity of this project. Sigh...

[abhijitchikane]

angular material v15 has some issues
Font seems to be blurry. That's why we have not updated it to latest version

thanks

[raduceban]

You've got a nasty bug with mdc migration tool ))