New to Kendo UI for jQuery? Download free 30-day trial


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.


The following example demonstrates how to configure different icons.

<nav id="stepper"></nav>

        $(document).ready(function () {
                steps: [{
                    label: "First step",
                    label: "Second step",
                    icon: "paperclip"
                    label: "Last step",
                    icon: "save"

See Also

In this article