How to make Angular Material 6 components smaller?

Question

Angular Material 6 components are so big.

I prefer a smaller size of all controls, Can anyone guide me for the best way?

Can I change the typography without destroying grid system, ratio, balancing,... in all devices?

Additionally to Wandrille answer, have you try the density option in theming or for component? — PaulCrp
– PaulCrp, Commented Nov 16, 2023 at 13:33

Wandrille · Accepted Answer · 2018-07-07 20:58:22Z

2

You can't reduce the size of the Angular Material Module that you use.

But if you are talking about the FONT SIZE, so yes you can do it. Check the doc of theming of angular Material

answered Jul 7, 2018 at 20:58

Wandrille

6,9274 gold badges27 silver badges46 bronze badges

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

1 Answer 1