My TextField element is defined like this:
<TextField
id="standard-with-placeholder"
label="First Name"
className={classes.textField}
margin="normal"
/>
It currently appears as shown in the image below:
However, I would like it to look more like this:
I am specifically interested in making the "First Name" text larger. How can I adjust the size of the label text? At present, my styles object does not contain any specific CSS for this purpose. I believe that the necessary CSS code should be added there, but I'm unsure about the specifics of how to target the label text.
Appreciate your help!