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: "attachment"
                },{
                    label: "Last step",
                    icon: "save"
                }]
            });
        });
    </script>

See Also

In this article
Not finding the help you need? Improve this article