New to Kendo UI for Angular? Start a free 30-day trial
StepperStepTemplateDirective
Use this template to define custom content for the entire step.
To define the template, nest an <ng-template>
tag
with the kendoStepperStepTemplate
directive inside the <kendo-stepper>
tag.
html
<kendo-stepper>
<ng-template kendoStepperStepTemplate let-step="step" let-index="index">
<div class="custom-step">
<span>{{ step.label }}</span>
</div>
</ng-template>
</kendo-stepper>
Selector
[kendoStepperStepTemplate]