/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/system/components/stack/DividerStack.js
39 строк
864 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/system/Box'; import Stack from '@mui/system/Stack'; import { styled } from '@mui/system'; const Item = styled('div')(({ theme }) => ({ backgroundColor: '#fff', padding: theme.spacing(1), textAlign: 'center', borderRadius: 4, ...theme.applyStyles('dark', { backgroundColor: '#262B32', }), })); export default function DividerStack() { return ( <div> <Stack direction="row" divider={ <Box component="hr" sx={(theme) => ({ border: `1px solid ${'#fff'}`, ...theme.applyStyles('dark', { border: `1px solid ${'#262B32'}`, }), })} /> } spacing={2} > <Item>Item 1</Item> <Item>Item 2</Item> <Item>Item 3</Item> </Stack> </div> ); }