Material UI TextField Lable has not enough space

Asked Sep 29 '21 at 05:41

Active Sep 29 '21 at 05:45

Viewed 19 times

I need to change the label font bigger. However, the input frame won't be adjust with the bigger font label as the pic shows. My code as the follosing:

<div>
    <TextField 
    fullWidth
    label="Business Notes"
    id="Business Notes"
    multiline
    rows={8}
    inputProps={{style:{fontSize:15}}}
    InputLabelProps={{style:{fontSize:20}}}
    />
</div>

Any solusion?enter image description here

edited Sep 29 '21 at 05:45

asked Sep 29 '21 at 05:41

AlcoholAllergy

Can you add the relevant code snippet please? – NearHuscarl Sep 29 '21 at 05:42
Change `inputProps` to `InputProps` (captial I) and set both fontSize to the same value and it'll be fixed. – NearHuscarl Sep 29 '21 at 05:51

Material UI TextField Lable has not enough space

0 Answers0