# React Timeline Overview

The React Timeline component enables you 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](https://www.npmjs.com/@progress/kendo-react-layout).

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the KendoReact Timeline in action.

[Demo Source](https://demos.telerik.com/kendo-react-ui/layout/timeline/overview/func/source.txt)

## Key Features of React Timeline

* [Layout](https://www.telerik.com/kendo-react-ui/components/layout/timeline/layout)—The React Timeline provides the ability to render events alternatingly on both sides of the axis.
* [Events](https://www.telerik.com/kendo-react-ui/components/layout/timeline/events)—You can handle the React Timeline events and further customize the behavior of the component.
* [Keyboard Navigation](https://www.telerik.com/kendo-react-ui/components/layout/timeline/keyboard-navigation)—The React TimeLine component supports various keyboard shortcuts that improve the ease of navigation.

> [Check out our step-by-step guide](https://www.telerik.com/kendo-react-ui/components/layout/timeline/get-started) to learn how to create a Timeline component in React.

## Suggested Links

* [Getting Started with the KendoReact Timeline](https://www.telerik.com/kendo-react-ui/components/layout/timeline/get-started)
* [Getting Started with the KendoReact Layout Package](https://www.telerik.com/kendo-react-ui/components/layout/get-started)
* [API Reference of the KendoReact Timeline](https://www.telerik.com/kendo-react-ui/components/layout/api/timeline)
* [API Reference of the TimeLineProps](https://www.telerik.com/kendo-react-ui/components/layout/api/timelineprops)