New to Kendo UI for Angular? Start a free 30-day trial

TimelineCardBodyTemplateDirective

Directive

Specifies the body of each timeline card. To define a body template, nest an <ng-template> tag with the kendoTimelineCardBodyTemplate directive inside the <kendo-timeline> tag.

The following values are available as context variables:

let-event="event" (TimelineEvent)—The current card's event. Also available as implicit context variable.
let-index="index" (number)—The current event index.

Definition

Package:@progress/kendo-angular-layout

Selector:[kendoTimelineCardBodyTemplate]

Syntax:

html

<kendo-timeline [events]="events">
  <ng-template kendoTimelineCardBodyTemplate let-event let-index="index">
    Component for the body of the card with index {{ index }} and event {{ event.title }}.
  </ng-template>
</kendo-timeline>