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!
-
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.
-
Layout
The component enables you to render events either on one or on both sides of the axis.
-
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.
-
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
-
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.
-
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.
Get Started with Kendo UI for Angular
