/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/grid/HalfBorderedGrid.js
38 строк
1 KB
Siriwat K
[Grid] Remove system props support (#47846)
24 фев 2026, 12:29
Не верифицирован
24 фев 2026, 12:29
12ea064
Код
Авторство
О чём код?
import Box from '@mui/material/Box'; import Grid from '@mui/material/Grid'; export default function HalfBorderedGrid() { const colWidth = { xs: 12, sm: 6, md: 4, lg: 3 }; return ( <Box sx={{ flexGrow: 1, p: 2 }}> <Grid container sx={(theme) => ({ '--Grid-borderWidth': '1px', borderTop: 'var(--Grid-borderWidth) solid', borderColor: 'divider', '& > div': { borderRight: 'var(--Grid-borderWidth) solid', borderBottom: 'var(--Grid-borderWidth) solid', borderColor: 'divider', ...Object.keys(colWidth).reduce( (result, key) => ({ ...result, [`&:nth-of-type(${12 / colWidth[key]}n)`]: { [theme.breakpoints.only(key)]: { borderRight: 'none', }, }, }), {}, ), }, })} > {[...Array(6)].map((_, index) => ( <Grid key={index} size={colWidth} sx={{ minHeight: 160 }} /> ))} </Grid> </Box> ); }