Kendo UI for Angular

Angular Timeline

  • Display a collection of events in a chronological order with the Kendo UI for Angular Timeline UI component.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
timeline header
  • Overview

    The Kendo UI for Angular Timeline component enables you to display events in chronological order, making it suitable for showcasing company history or visualizing significant milestones. The component offers a horizontal and a vertical mode in which the events can be collapsed for a neat and structured view.    

    See the Angular Timeline Overview Demo 

    TimeLine Overview
  • Layout

    The component enables you to render events either on one or on both sides of the axis.

    See the Angular Timeline Layout demo 

    Timeline layout
  • Templates

    With the Kendo UI for Angular Timeline, you have the flexibility to define a custom template for rendering event data, so you easily tailor it based your needs instead of using the default card.

    See the Angular Timeline Templates demo 

  • Events

    The components supports a various events that enable you to provide a seamless user experience and smooth interaction with the component:

    • onActionClick – triggered when an event action is clicked  
    • onToggle – triggered when an event is toggled  
    • onNavigate – triggered when the left or right arrow button is clicked  

    See the Angular Timeline Events demo  

  • Accessibility

    The Kendo UI for Angular Timeline is compliant with WCAG 2.2 AA and Section 508 standards. It also follows the WAI-ARIA best practices for keyboard navigation and has been tested with popular screen readers.

    See the Angular Timeline Accessibility demo  

    Accessibility 2024
  • Keyboard navigation

    Enhance accessibility and productivity through keyboard-only navigation. The Timeline component includes keyboard navigation support, enabling you to navigate and interact with its items efficiently using only the keyboard.

    See the Angular Timeline Keyboard Navigation demo 

    keyboard navigation

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka