Change the location of the title or label

General
1

How should I change the position of the title or label?
Like putting the label to the left of the input.

location
location1130×378 12 KB

2

Hi @kunxiao1415,

We’re using a barely customized Material UI FormControl, see here.

You can modify the location and behavior of the contained label and input directly via CSS, via the Material UI Theming support and the Materal UI Theming support for default props. This way you should be able to place the labels and inputs as you see fit.

If these customization options are not sufficient for your use cases you can implement a set of custom renderers which render your basic inputs exactly as you expect them to.