/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/dividers/VerticalDividerMiddle.js
30 строк
887 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Card from '@mui/material/Card'; import Divider, { dividerClasses } from '@mui/material/Divider'; import FormatAlignLeftIcon from '@mui/icons-material/FormatAlignLeft'; import FormatAlignCenterIcon from '@mui/icons-material/FormatAlignCenter'; import FormatAlignRightIcon from '@mui/icons-material/FormatAlignRight'; import FormatBoldIcon from '@mui/icons-material/FormatBold'; export default function VerticalDividerMiddle() { return ( <Card variant="outlined" sx={{ display: 'flex', color: 'text.secondary', '& svg': { m: 1, }, [`& .${dividerClasses.root}`]: { mx: 0.5, }, }} > <FormatAlignLeftIcon /> <FormatAlignCenterIcon /> <FormatAlignRightIcon /> <Divider orientation="vertical" variant="middle" flexItem /> <FormatBoldIcon /> </Card> ); }