• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Timeline Overview

The Timeline provides a way to display a collection of events and their data in chronological order.

The KendoReact Timeline component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-layout package.


The following example demonstrates the KendoReact Timeline in action.

Example
View Source
Change Theme:

Key Features

  • Layout—The KendoReact Timeline provides the ability to render events alternatingly on both sides of the axis.
  • Events—You can handle the KendoReact Timeline events and further customize the behavior of the component.
  • Keyboard Navigation—The KendoReact TimeLine supports various keyboard shortcuts that improve the ease of navigation.

In this article

Not finding the help you need?