Timeline

The timeline displays a list of events in chronological order.

Примечание: Этот компонент не задокументирован в гайдлайнах Material Design, но Material-UI поддерживает его.

Basic timeline

A basic timeline showing list of events.

Right-aligned timeline

The timeline can be positioned on the right side of the events.

Alternating timeline

The timeline can display the events on alternating sides.

Цвет

The TimelineDot can appear in different colors.

Контурный стиль

Opposite content

The timeline can display content on opposite sides.

Customized timeline

Ниже находится пример кастомизации компонента. You can learn more about this in the overrides documentation page.

API

• <Timeline />
• <TimelineConnector />
• <TimelineContent />
• <TimelineDot />
• <TimelineItem />
• <TimelineOppositeContent />
• <TimelineSeparator />