New to Kendo UI for Angular? Start a free 30-day trial
TimelineCardActionsTemplateDirective
Specifies the actions of each timeline card. To define an actions template, nest an <ng-template>
tag
with the kendoTimelineCardActionsTemplate
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.
html
<kendo-timeline [events]="events">
<ng-template kendoTimelineCardActionsTemplate let-event let-index="index">
Content for the actions of the card with index {{ index }} and event {{ event.title }}.
</ng-template>
</kendo-timeline>
Selector
[kendoTimelineCardActionsTemplate]