• 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
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

TimelineProps

NameTypeDefaultDescription

alterMode?

boolean

Render events alternatingly on both sides of the axis.

className?

string

Specifies the CSS class names which are set to the Timeline.

collapsibleEvents?

boolean

Specifies option for expanding and collapsing the event card.

dateFormat?

string

The date format for displaying the event date.

events

TimelineEventProps[]

navigatable?

boolean

If set to true, the user can use dedicated shortcuts to interact with the Timeline. By default, navigation is disabled.

onActionClick?

(event: EventDataProps) => void

An event that is called when card action is clicked.

onChange?

(event: EventDataProps) => void

An event that is called when event card is toggled.

transitionDuration?

number

Specifies the time for sliding to next event in horizontal mode and time for collapsing the event in vertical mode. The default value are:

  • 300ms for horizontal
  • 400ms for vertical