New to KendoReactStart a free 30-day trial

TimelineProps

Interface

Definition

Package:@progress/kendo-react-layout

Properties

alterMode?

boolean

Renders TimelineEvents alternatingly on both sides of the axis.

Default:

false

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

Specifies whether the TimelineEvent cards can be expanded or collapsed.

Default:

false

The date format for displaying the TimelineEvent date.

Default:

MMM dd, yyyy

The collection of TimelineEvents to be displayed in the Timeline.

Switches the Timeline to horizontal mode.

Default:

false

Enables keyboard navigation for the Timeline.

Default:

false

Fires when a TimelineEvent card action is clicked.

Parameters:eventEventDataProps

onChange?

(event: EventDataProps) => void

Fires when a TimelineEvent card is toggled.

Parameters:eventEventDataProps

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

  • 300ms for horizontal
  • 400ms for vertical