Timeline receives the events with the value property as a collection of arbitrary objects. In addition, content template is required to display the representation of an event. Example below is a sample events array that is used throughout the documentation.

Content location relative the line is defined with the align property.

Additional content at the other side of the line can be provided with the opposite property.

TimeLine orientation is controlled with the layout property, default is vertical having horizontal as the alternative.

Sample implementation with custom content, styled markers, and rich event cards.

Build interactive step-based workflows with progress tracking and state management.

Display real-time activity streams with user avatars and contextual information.

Screen Reader

Timeline uses a semantic ordered list element to list the events. No specific role is enforced, still you may use any aria role and attributes as any valid attribute is passed to the list element.

Keyboard Support

Component does not include any interactive elements.