• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDFViewer
    • 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

Timeline Keyboard Navigation

The keyboard navigation of the Timeline can be enabled by setting the navigatable prop to true.

Vertical mode:

The Vertical Timeline supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
TabSets the focus on the first or next item.
Enter, SpaceToggles the open state of the focused item.
Example
View Source
Change Theme:

Horizontal mode:

The Horizontal Timeline supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Arrow leftSelects the previous item.
Arrow rightSelects the next item.
HomeSelects the first item.
EndSelects the last item.
TabWhen the focus is on the Timeline tabs, focuses the current item card.
Example
View Source
Change Theme:

In this article

Not finding the help you need?