Timeline | Mantine

Timeline | Mantine

Display list of events in chronological order

You've created new branch fix-notifications from master

You've pushed 23 commits to fix-notifications branch

You've submitted a pull request Fix incorrect notification message (#187)

Robert Gluesticker left a code review on your pull request

Control the timeline appearance with the following props:

Use the opposite prop on Timeline.Item to render content on the opposite side of the timeline. When any Timeline.Item has the opposite prop, the timeline switches to a centered layout with content on both sides of the line.

Set the alternate prop on individual Timeline.Item components to switch the position of content and opposite:

Default bullet without anything

Timeline bullet as avatar image

Timeline bullet as icon

Timeline bullet as ThemeIcon component

Timeline component relies on Timeline.Item order. Wrapping Timeline.Item is not supported. Instead, you will need to use different approaches:

Recommended articles