居中默认 TextField 提示 - MaterialUI

Question

I was getting started with material UI and was trying to get the TextField component to behave the way I wanted. The animation that it gives by default is cool, yet, I wanted it to align it to the center, yet it sticks to the top left:

I want the Email Address hint that is in the TextField outline to be positioned like that in the center of the top outline. How do I do that?

Answer 1

you can pass a style Object in the inputProps like this:
<TextField inputProps={{style:{textAlign:"center"}}} id="outlined-basic" label="Outlined" variant="outlined" />
here sandBox example