Email blast: "Buy today"
Timeline list
The timeline list component displays a visual timeline of events, with dates, times, and event names, in a logical order.
Usage
Timeline lists are most commonly used to show past interactions or upcoming events in a case. Timeline lists can be used to give a visual depiction of how time has progressed.
Any data that has a time stamp and a title can be shown as a timeline list.
The list can be searched, filtered, sorted, and grouped, using the toolbar above the component.
Timeline lists can handle both past dates as well as future ones.
Example
| March 20, 2025 | ||
| 7:28 PM | ||
| 6:06 PM | Confirm eligibility | |
| March 10, 2023 | ||
| 9:26 AM | Review customer bill Wait | |
| August 10, 2022 | ||
| 6:06 PM | Confirm eligibility | |
| July 18, 2022 | ||
| 12:01 AM | ||
| July 10, 2021 | ||
| 1:20 PM | Update plat Good | |
| February 20, 2021 | ||
| 1:20 PM | Sent over request Good | |
| 1:19 PM | Fulfill customer request for last month’s billing statement Wait | |
| 12:01 AM | ||
| February 19, 2021 | ||
| 1:20 PM | Sent over request Good | |
| February 18, 2021 | ||
| 12:20 PM | Initial claim received Wait | |
| January 15, 2021 | ||
| 1:19 PM | Balance inquiry Wait | |
| March 20, 2020 | ||
| 7:28 PM | Email blast: "Best Offer" | |
| February 12, 2020 | ||
| 10:25 AM | Receive customer bill Good | |
Anatomy
A timeline list contains dates, time stamps, and titles, and may include an accompanying icon and status badge. Associated metadata is revealed when expanded.
Configuration
To learn how to configure this component in your Constellation application, visit Pega Documentation.
All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Documentation.