TimelineEventProps

Interface

Definition

Package:@progress/kendo-react-layout

{ text: string; url: string }[]

Specifies the corresponding links that are rendered under the images.

Example:

jsx

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

Date

Represents the TimelineEvent point on the axis.

Example:

jsx

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

string

Specifies the text that is rendered as TimelineEvent card body.

Example:

jsx

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

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

Specifies the images that are rendered under the description.

Example:

jsx

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

boolean

Specifies if the TimelineEvent card is default collapsed.

Default:

false

Example:

jsx

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

string

Specifies the text that is rendered under the title.

Example:

jsx

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

string

Specifies the text that is rendered as the TimelineEvent card title.

Example:

jsx

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