Icons
The Stepper provides to option to configure the icon of each Step.
Step Icon
By default the Stepper displays the number of each step in the indictor element of the Step. The Step icon can be configured via the steps.icon configuration property to an existing icon in the Kendo UI theme sprite. For a list of available icons, refer to the Web Font Icons article.
Example
The following example demonstrates how to configure different icons.
<nav id="stepper"></nav>
<script>
$(document).ready(function () {
$("#stepper").kendoStepper({
steps: [{
label: "First step",
icon:"home"
},{
label: "Second step",
icon: "paperclip"
},{
label: "Last step",
icon: "save"
}]
});
});
</script>