Skip to main content

Timeline

<ui5-timeline> | Since 0.8.0

The ui5-timeline component shows entries (such as objects, events, or posts) in chronological order. A common use case is to provide information about changes to an object, or events related to an object. These entries can be generated by the system (for example, value XY changed from A to B), or added manually. There are two distinct variants of the timeline: basic and social. The basic timeline is read-only, while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.

Basic Sample​

Properties​

layout​

DescriptionDefines the items orientation.
Type"Vertical" | "Horizontal"
Default"Vertical"
Since1.0.0-rc.15

accessibleName​

DescriptionDefines the accessible ARIA name of the component.
Typestring | undefined
Defaultundefined
Since1.2.0

Slots​

default​

DescriptionDetermines the content of the ui5-timeline.
TypeArray<ITimelineItem>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.

More Samples​

Horizontal layout​

Timeline in Card​

Timeline with Groups​