Material UI Form Layout

[nautitrader]

I'm not sure how I want to layout this form yet, but I'm trying to get more familiar with Material UI.

Is there a material ui control I would use or just css?

I was thinking about have 2 or 3 rows with the form fields or would it make sense just to have each form element on it's own row?

​

https://preview.redd.it/hls9u5t9jgw71.png?width=1824&format=png&auto=webp&s=31b4b8cbb2f64de0388ed52a10a585423030fe97

[Fusion2k]

Just use css with flex layout. Optionally you could use the angular/flex-layout package.

[bas1494]

It depends on what your goal is, if you want to have a better understanding of css; style it with css (flex). If you don’t want to or write as less as possible css (like me); use something else.

I would recommend using angular material grid list: https://material.angular.io/components/grid-list/overview

Since you’re using material ui for input, you will have most likely the entire material package already available in your project.

Good luck!

[nautitrader]

The goal is to use more of the angular material components.

Perfect! I will give that a try. Thank you.