Timeline

Indicate related events in chronological order.
Today
Pending Approval
This request requires your approval.
May 19, 2018
Approval Requested
John Lloyd has requested your approval.
2018
Request Created
Request created by Kim May.
When to use
Use the Timeline to show related events in chronological order, such as a user’s upcoming, current, and past activities.
Empty
Display empty timeline items by removing its content. These items will look as small circles.
Today
Pending Approval
This request requires your approval.
May 19, 2018
Approval Requested
John Lloyd has requested your approval.
2018
Request Created
Request created by Kim May.
Color
All the color palettes are available to be used for the timeline items.
Today
Pending Approval
This request requires your approval.
May 19, 2018
Approval Requested
John Lloyd has requested your approval.
2018
Request Created
Request created by Kim May.
See more information on implementing this pattern in the product documentation
Click here to see your activities