Shortcuts
Next region
F9
Previous region
ShiftF9
Jump to toast
⌥Enter
Dismiss toast
⌥Q
Go to incoming interaction popup.
⌥Enter
Dismiss incoming interaction popup.
⌥Q

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

  1. March 20, 2025

    1. 7:28 PM
      Email blast: "Buy today"
      Progress and Risk
      • Progress
      • Risk
    2. 6:06 PM
      Confirm eligibility

  2. March 10, 2023

    1. 9:26 AM
      Review customer bill
      Wait

  3. August 10, 2022

    1. 6:06 PM
      Confirm eligibility

  4. July 18, 2022

    1. 12:01 AM

  5. July 10, 2021

    1. 1:20 PM
      Update plat
      Good

  6. February 20, 2021

    1. 1:20 PM
      Sent over request
      Good
      Date range
      Jan 1, 2021 - May 3, 2021
      What's next
      We will fulfill your request within 3 business days. You will receive your statement copy via mail at 23 Main St. Boston, MA.
      Current due amount
      1343.45 US dollars
    2. 1:19 PM
      Fulfill customer request for last month’s billing statement
      Wait
      Date range
      Jan 1, 2021 - May 3, 2021
      What's next
      We will fulfill your request within 3 business days. You will receive your statement copy via mail at 23 Main St. Boston, MA.
      Current due amount
      121.00 US dollars
    3. 12:01 AM

  7. February 19, 2021

    1. 1:20 PM
      Sent over request
      Good
      Date range
      Jan 1, 2021 - May 3, 2021
      What's next
      We will fulfill your request within 3 business days. You will receive your statement copy via mail at 23 Main St. Boston, MA.
      Current due amount long label
      248.87 US dollars

  8. February 18, 2021

    1. 12:20 PM
      Initial claim received
      Wait

  9. January 15, 2021

    1. 1:19 PM
      Balance inquiry
      Wait

  10. March 20, 2020

    1. 7:28 PM
      Email blast: "Best Offer"

  11. February 12, 2020

    1. 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 a Pega application, visit Pega Documentation.

All information on this site is for Pega's UX design system, also known as Constellation (from 8.8 and onwards). If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability 'User Experience' and 'Constellation' in your request.

Related components