/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/styled/UsingWithSx.js
27 строк
577 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 }) => theme.unstable_sx({ color: 'primary.contrastText', backgroundColor: 'primary.main', padding: 1, borderRadius: 1, }), ); export default function UsingWithSx() { return ( <ThemeProvider theme={customTheme}> <MyThemeComponent>Styled div with theme</MyThemeComponent> </ThemeProvider> ); }