Реагировать материал пользовательский интерфейс все в верхнем регистре

Question

Есть ли способ отобразить весь текст в верхнем регистре (textTransform), один для всех, в описании темы. прописные буквы c текст, вводимые данные и извлеченные данные?

Answer 1

Вы можете установить textTransform для класса контейнера, используя makeStyles:

const useStyles = makeStyles({
    root: {
        textTransform: "uppercase"
    }
});

И внутри вашего приложения используйте класс root в элементе-обертке:

return (
    <div className={classes.root}>

    </div>
);

Если вы хотите это для определенных c элементов Mui, вы можете использовать createMuiTheme, а с помощью overrides вы можете указать css значения для указанных элементов c:

const muiTheme = createMuiTheme({
    overrides: {
        MuiPaper: {
            root: {
                textTransform: "uppercase"
            }
        },
        MuiBreadcrumbs: {
            root: {
                textTransform: "uppercase"
            }
        }
    }
});

return (
    <MuiThemeProvider theme={muiTheme}>
        ...
    </MuiThemeProvider>
);