Angular Material with other CSS Framework

Question

I'm about to start my first Angular project, and I'm thinking about using Angular Material.

It has a lot of components which is what i'm looking for but it seems to me that it does not have a grid system nor any utility classes.

Should I use for example Bootstrap or any other css framework along with Angular Material or simply add my own css? What's the common practice?

Having to add classes for padding, margin and so on is a waste of time so I'd be inclined to also use Bootstrap which already has all these kind of classes.

My only fear is that having both Angular Material and Bootstrap would increase the bundle significantly.

Amnah Razzaki · Accepted Answer · 2021-08-11 18:55:08Z

1

I am using the following for my project

For grid, checkout this https://www.ag-grid.com/angular-grid/.
For angular wrapper of bootstrap you can check https://valor-software.com/ngx-bootstrap/#/documentation#getting-started
You may also want to check https://primefaces.org/primeng/showcase/#/setup this has UI components as well as their own spacing and grid setup https://primefaces.org/primeng/showcase/#/primeflex/spacing

answered Aug 11, 2021 at 18:55

Amnah Razzaki

5022 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lorenzo Miscoli Over a year ago

Thank you, I think I'll give a chance to primeng since it has a lot of components and a grid system as well.

Collectives™ on Stack Overflow

Angular Material with other CSS Framework

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related