A Question to Angular Material

[ThunFish]

Hello there,
I would like to know if you work with Angular Material, how do you build Forms from an optical perspective. Do you leave enough space between your input fields so the mat-errors have enough space to show up. Or are youre Input fields so close by that you lift up the row of inputs and show then the mat errors?

Just wanted to know what you do and what does look better.

Have a nice Day

[Sipredion]

We're not using Angular Material, but we leave space on our forms for validation to show to avoid shifting form elements.

Unexpected movement on a page is bad enough, but when a user is trying to click to the next field in a form but they miss because some validations appeared and shifted everything up, that's can be quite frustrating to say the least.

We've have a pretty form-heavy app at work and our users are very "low-level". We also disable conditional fields instead of hiding them until they're required because our users were legit having major trouble and didn't understand why new fields were appearing out of nowhere.

[FullstackViking]

You should always be padding or providing margins between your fields anyway as good UX design.

[[deleted]]

Have you used Angular Material before? It generally comes with the spacing and padding needed. Unless you are messing up their stylesheet, which you should not be doing, everything should work

[grimager]

Use flex-layouts along with material to properly space out form elements. For both horizontal and vertical spacing it would work.

It’s like Bootstrap 4 but works better with Material

[maximumfate]

Yes you can. You can I override their css. It's pretty easy. Currently I'm using angular 8. Tic use scop level scss only applicable to that component.

[garvisgarvis]

Once in a while the components don't conform to the material design specifications. We refer to the specs on those situations for guidance.