New to KendoReactLearn about KendoReact Free.

TimelineEventProps

NameTypeDefaultDescription

actions?

{ text: string; url: string; }[]

Specifies the corresponding links that are rendered under the images.

jsx
<Timeline events={[{ actions: [{ text: 'Learn More', url: 'https://example.com' }], title: 'Event 1', date: new Date(), description: 'Details' }]} />

date

Date

Represents the event point on the axis.

jsx
<Timeline events={[{ date: new Date(), title: 'Event 1', description: 'Details' }]} />

description

string

Specifies the text that is rendered as body of the event card.

jsx
<Timeline events={[{ description: 'Event details', title: 'Event 1', date: new Date() }]} />

images?

{ alt?: string; src: string; }[]

Specifies the images that are rendered under the description.

jsx
<Timeline events={[{ images: [{ src: 'image.jpg', alt: 'Image' }], title: 'Event 1', date: new Date(), description: 'Details' }]} />

opened?

boolean

Specifies if the event card is default collapsed.

jsx
<Timeline events={[{ opened: true, title: 'Event 1', date: new Date(), description: 'Details' }]} />

subtitle?

string

Specifies the text that is rendered under the title.

jsx
<Timeline events={[{ subtitle: 'Subtitle', title: 'Event 1', date: new Date(), description: 'Details' }]} />

title

string

Specifies the text that is rendered as the title of the event card.

jsx
<Timeline events={[{ title: 'Event 1', date: new Date(), description: 'Details' }]} />

yearFlag?

number

Not finding the help you need?
Contact Support