/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/customization/breakpoints/MediaQuery.tsx
26 строк
665 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { styled } from '@mui/material/styles'; import Typography from '@mui/material/Typography'; import { red, green, blue } from '@mui/material/colors'; const Root = styled('div')(({ theme }) => ({ padding: theme.spacing(1), [theme.breakpoints.down('md')]: { backgroundColor: red[500], }, [theme.breakpoints.up('md')]: { backgroundColor: blue[500], }, [theme.breakpoints.up('lg')]: { backgroundColor: green[500], }, })); export default function MediaQuery() { return ( <Root> <Typography>down(md): red</Typography> <Typography>up(md): blue</Typography> <Typography>up(lg): green</Typography> </Root> ); }