/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/dividers/DividerText.tsx
34 строки
822 B
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import { styled } from '@mui/material/styles'; import Divider from '@mui/material/Divider'; import Chip from '@mui/material/Chip'; const Root = styled('div')(({ theme }) => ({ width: '100%', ...theme.typography.body2, color: (theme.vars || theme).palette.text.secondary, '& > :not(style) ~ :not(style)': { marginTop: theme.spacing(2), }, })); export default function DividerText() { const content = ( <p>{`Lorem ipsum dolor sit amet, consectetur adipiscing elit.`}</p> ); return ( <Root> {content} <Divider>CENTER</Divider> {content} <Divider textAlign="left">LEFT</Divider> {content} <Divider textAlign="right">RIGHT</Divider> {content} <Divider> <Chip label="Chip" size="small" /> </Divider> {content} </Root> ); }