/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/grid/GridTemplateRows.js
55 строк
1 KB
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'; import PropTypes from 'prop-types'; function Item(props) { const { sx, ...other } = props; return ( <Box sx={[ (theme) => ({ bgcolor: '#fff', color: 'grey.800', border: '1px solid', borderColor: 'grey.300', p: 1, m: 1, borderRadius: 2, fontSize: '0.875rem', fontWeight: '700', ...theme.applyStyles('dark', { bgcolor: '#101010', color: 'grey.300', borderColor: 'grey.800', }), }), ...(Array.isArray(sx) ? sx : [sx]), ]} {...other} /> ); } Item.propTypes = { /** * The system prop that allows defining system overrides as well as additional CSS styles. */ sx: PropTypes.oneOfType([ PropTypes.arrayOf( PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool]), ), PropTypes.func, PropTypes.object, ]), }; export default function GridTemplateRows() { return ( <div style={{ width: '100%' }}> <Box sx={{ display: 'grid', gridTemplateRows: 'repeat(3, 1fr)' }}> <Item>1</Item> <Item>2</Item> <Item>3</Item> </Box> </div> ); }