Angular Material 6 and Materializecss

Question

I have started to work with Angular Material 6. But I was not able to find out good CSS helper classes for that. My google search showed me Materializecss library. But it seems different front-end library even though they have mentioned it is based on Material Design. So can you tell me what was that? Can I use both on the same project? Why we don't have helper classes for Angular material?

e.g. class="left-align"

Why in the world would you want to have a class "left-align"? Just `style="text-align: left"`. — Lazar Ljubenović, Oct 05 '18 at 14:57
That is a just simple example. If you see this library it has it. @LazarLjubenović https://materializecss.com/helpers.html — Sampath, Oct 05 '18 at 14:59

score 3 · Accepted Answer · answered Oct 05 '18 at 20:32

CSS helper libraries are for people who want to use CSS without having to write it themselves, because a lot of style patterns are very common. They can be very useful when they provide what you need. Helper classes are usually designed to be used with standard HTML and merely apply style to an element. Angular Material is about components, or custom elements, which usually have a more complex DOM structure than just a single element. You can apply helper classes to Angular Material components, but they aren't always going to work as you might hope.

IMO, it would be better to invest your time in understanding the features built into Angular Material and related libraries like Angular FlexLayout, than to try to get a library intended for use with standard HTML (like MaterializeCSS) to work properly with Angular Material.

Yes, I was wrong. `MaterializeCSS` is just a CSS/JS UI framework which follows the material spec. We must not mix it with the Angular material. Thanks. — Sampath, Oct 06 '18 at 09:27

Angular Material 6 and Materializecss

1 Answers1