/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/getting-started/custom-components/StyleFunctionSxDemo.js
15 строк
455 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import styled, { ThemeProvider } from 'styled-components'; import { unstable_styleFunctionSx } from '@mui/system'; import { createTheme } from '@mui/material/styles'; const theme = createTheme(); const Div = styled('div')(unstable_styleFunctionSx); export default function StyleFunctionSxDemo() { return ( <ThemeProvider theme={theme}> <Div sx={{ m: 1, p: 1, border: 1 }}>Custom component with the sx prop</Div> </ThemeProvider> ); }