/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/getting-started/usage/BreakpointsAsObject.tsx
21 строка
510 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Box from '@mui/material/Box'; export default function BreakpointsAsObject() { return ( <div> <Box sx={{ width: { xs: 100, // theme.breakpoints.up('xs') sm: 200, // theme.breakpoints.up('sm') md: 300, // theme.breakpoints.up('md') lg: 400, // theme.breakpoints.up('lg') xl: 500, // theme.breakpoints.up('xl') }, }} > This box has a responsive width. </Box> </div> ); }