Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Won't Fix
Last Updated: 18 Jul 2023 04:16 by ADMIN
Ryan
Created on: 23 May 2021 23:56
Category: KendoReact
Type: Bug Report
0
Stepper component does not support only 1 step
The CSS styling of the Stepper component breaks when there is only 1 step defined. It may sound weird to only have 1 step but the items prop is an array and therefor should support 1 single step. Currently when only 1 step is defined the stepper bar extends like it's going to a 2nd step but just stops. It'd be nice if visually that progress bar just didn't show up if there was no 2nd step.
2 comments
ADMIN
Konstantin Dikov
Posted on: 18 Jul 2023 04:16

Hi,

Just adding an easy workaround for this scenario where a class name is added when there is only one item and the class name is used as a selector for removing the progress bar:

https://stackblitz.com/edit/react-cnnruv?file=app%2Fmain.jsx,index.html

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

ADMIN
Stefan
Posted on: 24 May 2021 08:48

Hello, Ryan,

Thank you for bringing up this case.

In general, the official description of the components states that it is a `sequence of logical steps` which implies that it is designed to work with plural number of steps:

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

We will discuss it and plan it accordingly.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category