/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/customization/theming/ThemeNestingExtend.tsx
35 строк
848 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { createTheme, Theme, ThemeProvider } from '@mui/material/styles'; import Checkbox from '@mui/material/Checkbox'; import { green, orange } from '@mui/material/colors'; const outerTheme = createTheme({ palette: { secondary: { main: orange[500], }, }, }); export default function ThemeNestingExtend() { return ( <ThemeProvider theme={outerTheme}> <Checkbox defaultChecked color="secondary" /> <ThemeProvider theme={(theme: Theme) => createTheme({ ...theme, palette: { ...theme.palette, primary: { main: green[500], }, }, }) } > <Checkbox defaultChecked /> <Checkbox defaultChecked color="secondary" /> </ThemeProvider> </ThemeProvider> ); }