/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/styled/ThemeUsage.js
25 строк
607 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { styled, createTheme, ThemeProvider } from '@mui/system'; const customTheme = createTheme({ palette: { primary: { main: '#1976d2', contrastText: 'white', }, }, }); const MyThemeComponent = styled('div')(({ theme }) => ({ color: theme.palette.primary.contrastText, backgroundColor: theme.palette.primary.main, padding: theme.spacing(1), borderRadius: theme.shape.borderRadius, })); export default function ThemeUsage() { return ( <ThemeProvider theme={customTheme}> <MyThemeComponent>Styled div with theme</MyThemeComponent> </ThemeProvider> ); }