How do I make the letters in my material-ui button not all capitalized?

user_11645469 0
Viewed 46

In my code, the letters in the word "Add" are not all capitalized

My code:

enter image description here

but when it renders it capitalizes all.

The result:

enter image description here

material-ui reactjs
1 Answers

You probably need to apply text-transform css in the buttons style.

<Button sx={{ml:6, textTransform: 'lowercase'}}>Add</Button>

I used lowercase in the example, but you may use other values.

user_50757550
Related