I am struggling to modify the font family of the label within the Mui component TextField
. It seems that the sx property does not properly change the font family, although it works for adjusting the width. I also attempted to use the rows
property for height adjustments, but unfortunately, that did not yield the desired result.
<TextField
className="contactTextField"
label="NAME"
variant="outlined"
sx={{
fontFamily: ["Taviraj", "serif"].join(),
width: "80%",
}}
/>