Create <Stepper /> component

[Gazoon007]

2025-07-25_00-41-27.mp4

Stepper component, feel free to give feedback.

I add logic when all steps are completed. The step indicator couldn't be clicked anymore

[DavidHDev]

Instead of hardcoding logic like that, add a prop called "disableOnComplete" instead, it gives more flexibility. The stepper won't always require user action, it could just be informational, so going back to certain states even after completing it might still be useful.

[Gazoon007]

Noted, will reevaluate the flexibility

[DavidHDev]

ty!

[Gazoon007]

I do think lockOnComplete is a more appropriate name (preventStepBackOnComplete or disableStepperOnComplete is also nice and much explicit, but it's a bit verbose).

Imo, disableOnComplete is ambiguous (it’s not clear what is being disabled).

Feel free to comment.