Estoy tratando de tener un caso de oración con el texto del botón dentro del botón Material UI.
https://mui.com/components/buttons/
El texto dentro del botón ADD FRIEND debe convertirse en caso de oración como Add friend .
He intentado anular el tema. Pero no apunta al elemento de esta manera. Por favor, sugiera si esto es posible de hacer.
createTheme({ components: { MuiButton: { styleOverrides: { root: { '&::first-letter': { textTransform: 'uppercase', }, }, } } } });La forma en que lo hago es escribir el siguiente código en makeStyles de la página/componente:
parentOfButton: { '& .MuiButton-root': { textTransform: 'none', }, }, <Box className={classes.parentOfButton}> <Button>Text</Button> </Box>ACTUALIZAR
Intenté hacer lo mismo en createTheme, y funcionó, esta es la forma en que lo hice:
components: { MuiButton: { styleOverrides: { root: { textTransform: 'none', }, }, }, },