The Latest on Material 3 in Angular v18

Did you know that Angular now supports Material 3? Learn about the latest Material updates from the Sass API that helps you write your own custom components in M3 and Angular’s continued support for M2. Miles, one of our engineers, touches upon what to expect next from Angular's Material 3 support.
Watch more Angularv18→ goo.gle/Angula...
Subscribe to the Angular channel → goo.gle/Angular
#Angular #Angularv18

[@GerardoBuenrostro]

Updating to material 3 has been tedious… the toolbar that no longer supports theme colors is just crazy… Also, material 3 adoption is extremely incomplete, not even the angular material page respects material 3 guidelines…

[@neo4now]

had no issue with update and happy with it overall BUT agree when it comes to components not following material 3 guidelines - anoying, cause at this point one can not be sure what to follow - is m3 guidlines not completed for web implementation or angular material that don't follows the guidliness(like mentioned)??? -.-

[@michaelsmall97]

So the toolbar used to be hooked into the M2 themeing and had it applied and no longer does? I wonder if you can tweak it with the new M3 design tokens globally

[@mohammedbkeirat886]

Yes, I'm facing the same issue with tool bar after update

[@feli5604]

Dude I thought I am going crazy because of the toolbar theming. Good to know I am not the only one.

[@H2-oe4cu]

I'm pleased that M3 has finally come to Angular, but the M2 -> M3 upgrade process is immensely frustrating as the documentation is either absent or just unhelpful. I mean, even simple things like setting a custom background colour? Not documented.

[@sow-jr4xr]

yes, making custome theme is very frustrating and I'm unable to do by following official documenation

[@rohitkharche7562]

In material theming documentation they should include the toggling theme example which should be non opinionated. It will help implementing these features more faster and feasible

[@sow-jr4xr]

making custome theme is very frustrating and I'm unable to do by following official documenation

[@mxz2024]

i dont know if it is even supported officsilly yet.. i override material css classes in my styles.scss globally at the moment😶

[@purduetom90]

I thought it was just me who couldn’t get it to work…. Very frustrating indeed

[@aroshajayawardena7011]

I started a new angular 18 project. I've followed the guides to get Material 3 working and it's a friggin nightmare. Honestly you guys need to better with the documentation. The docs look simple but nothing works and there's no clear indicators on how to troubleshoot. I install using ng add as per the instructions and none of the modules can be found in imports even though I can see them in the packages.

[@vwn6735]

The key word is "strive"! But the goal is constantly faster moving forward and the striving is endless! And in general, for me it's a swear phrase: "what are you like Angular Material!"

[@olduniverse9270]

How much next angular versions will support material v2 theme?

[@kartik-watwani]

Love you angular.

[@i-heart-google7132]

The Material Theming "documentation" is an absolute disgrace 👎 👎 👎 I wouldn't even go as far as calling it "documentation". It's rather just a very badly written blog.

[@alexpanteli3651]

Worst UI framework, stuck in early 2010s with horrible documentation and nightmare to update between versions.

[@Angular]

Can you give us some details about your update? You don't have to go into depth, but can you share which versions you experienced trouble with going between? 14-18? 17-18? Something else? Also, do you think the updated documentation on angular.dev is still horrible? Would love to get more feedback so we can continue to improve, thanks Alex!

[@alexpanteli3651]

@@Angular I meant angular material

[@Angular]

Okay, thanks for the clarification. Still, we'd like to improve that experience. Tell us more about what you think could make it better if you have some time

[@alexpanteli3651]

@@Angular I find it hard to navigate through documentation. No search available. API reference is not clear with no examples. No clear theming guide or upgrade guide. angular material no support for tailwind. Please check the Radix UI for reference of how proper Docs site for UI library should look like. Hope this helps

[@rockenOne]

@@Angular These components are an absolute disgrace they are so poorly slapped together it is embarrassing, why does google find it so hard to follow patterns
your auto complete control takes the cake, it is a mess.

[@nomoredarts8918]

I can't even express my hatred towards this framework

[@donmorris4506]

Material is a nice metaphor, but Bootstrap is still my go to css framework.