/
githubmirror
/
material-ui
Обзор
Документация
Войти
/
githubmirror
/
material-ui
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
docs/data/material/components/timeline/RightAlignedTimeline.js
39 строк
1 KB
Brijesh Bittu
[code-infra] Remove React import requirement for jsx (#47146)
29 окт 2025, 20:55
Не верифицирован
29 окт 2025, 20:55
6c9e82f
Код
Авторство
О чём код?
import Timeline from '@mui/lab/Timeline'; import TimelineItem from '@mui/lab/TimelineItem'; import TimelineSeparator from '@mui/lab/TimelineSeparator'; import TimelineConnector from '@mui/lab/TimelineConnector'; import TimelineContent, { timelineContentClasses } from '@mui/lab/TimelineContent'; import TimelineDot from '@mui/lab/TimelineDot'; import TimelineOppositeContent from '@mui/lab/TimelineOppositeContent'; export default function RightAlignedTimeline() { return ( <Timeline sx={{ [`& .${timelineContentClasses.root}`]: { flex: 0.2, }, }} > <TimelineItem> <TimelineOppositeContent color="textSecondary"> 09:30 am </TimelineOppositeContent> <TimelineSeparator> <TimelineDot /> <TimelineConnector /> </TimelineSeparator> <TimelineContent>Eat</TimelineContent> </TimelineItem> <TimelineItem> <TimelineOppositeContent color="textSecondary"> 10:00 am </TimelineOppositeContent> <TimelineSeparator> <TimelineDot /> </TimelineSeparator> <TimelineContent>Code</TimelineContent> </TimelineItem> </Timeline> ); }