[Feature]: Steps / Stepper

[Celibioux]

Describe the feature

Hello Folks ! Just wondering if there is some thoughts of adding a Stepper component in the roadmap please ?

Additional information

• I intend to submit a PR for this feature.
• I have already implemented and/or tested this feature.

[zernonia]

Thanks for suggesting a new component @Celibioux ! Could you share some idea or what you had in mind in terms of Stepper component? (can share some stepper from other UI library) 😁

[Celibioux]

Thank you for your quick answer @zernonia and of course here is some Steps / Steppers :
https://primevue.org/stepper/
https://primevue.org/steps/
https://chakra-ui.com/docs/components/stepper
https://vuetifyjs.com/en/components/steppers/
https://element-plus.org/en-US/component/steps.html
PS : I've noticed that There is Steppers and Steps ( Some Lib Call it Timeline) what you think ?

[DarkGhostHunter]

Well, implementation will vary depending on the purpose rather than the style, as Stepps (or Ladder) and Timelines are essentially a progress list that are horizontal or vertical.

The problem is that styling. Styling a list horizontally drastically differs from vertically, especially if you want the horizontal items to be justified, instead of centered or evenly spread. That's not a problem when doing it vertically.

For that reason, I think Radix should implement a Timeline (Vertical) and a Stepper (Horizontal).

Condition	Timeline	Stepper
Orientation	Vertical	Horizontal
Interactivity	Discouraged	Encouraged
Active states	Yes	Yes
Text length	Large	Short
Labels (titles)	Yes	Yes, inline or below the indicator
Descriptions	Yes	No
Icons/numbers	Yes	Yes
Line separator	Aligned to icons/number	Aligned at middle

[Celibioux]

Good morning there ☺️ any updates about this one please ?