Getting Started with KendoReact Stepper

The KendoReact Stepper component enables the user to create a sequence of logical steps that visualizes progress.

It could also be used for navigation purposes.

The KendoReact Stepper component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-layout package.

Basic Usage

The following example demonstrates the Stepper in action.

Functionality and Features

• Display Modes
• Linear Mode
• Orientation
• Validation
• Custom Rendering
• Keyboard Navigation
• Accessibility

Known Limitations

The Stepper component is not supported in IE 11 and below as its implementation relies entirely on the CSS Grid Layout.

Suggested Links

• API Reference of the Stepper Props
• API Reference of the Step Props