Overview

The Stepper is an intuitive UI component that visualizes progress by displaying a sequence of logical steps. The Stepper widget could also be used for navigational purposes.

Initializing the Stepper

To initialize the Stepper, use the <nav> tag.

The following example demonstrates how to initialize the Stepper from an existing <nav> element.

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

    <script>
        $(document).ready(function () {
            $("#stepper").kendoStepper({
                steps: [{
                    label: "First step"
                },{
                    label: "Second step",
                    selected: true
                },{
                    label: "Last step",
                    icon: "save"
                }]
            });
        });
    </script>

Functionality and Features

See Also

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