React ile yaptığım 5 Aşamalı Stepper Form

Stepper Formunu Kullanarak Adım Adım Bilgi Alın

Adımlı form, kullanıcıdan bir dizi bilgi toplamak için kullanılan bir form türüdür.
Bu, bilgilerin adım adım sunulmasına ve düzenli bir şekilde toplanmasına olanak tanır.
Bu özel projede kullanılan teknolojiler şunlardır:
React + Vite + Tailwind.css + Formik + Toast + propTypes

Github : https://lnkd.in/dvzhyZXK
Demo : https://lnkd.in/dcGNhGBx
Vercel : https://lnkd.in/dVX6et8Z
Linkedin : https://www.linkedin.com/in/enesbln/

Video : https://lnkd.in/d3uciY3r

Elinize sağlık 👍

Harika olmuş, eline sağlık hocam

Merhaba, elinize sağlık.

Şuan geliştirmekte olduğumuz react.js projesinde stepper kullanmaktayız. Kütüphaneler ve diğer örnekler butonlu olduğu için (Previous ve Next) işimize yaramıyor. Butonsuz olması için sıfırdan kendimiz geliştirdik. Butonsuz versiyonunu da eklemen bence faydalı olacaktır. Naçizane önerim.

Butonsuz nasıl ileri geri yapıyorsunuz? stepper formun amacı zaten step step olması ya butonsuz nasıl onu anlamadım. Düz form mu?

Üst taraftaki yuvarlak olan adımlar tıklanabilir olursa, her adımda işlem bittikten sonra bir sonraki adıma otomatik atar. İleri geri yapmak isteyen üstteki yuvarlaklar yardımıyla yapabilir.

üsteki yuvarlaklarda zaten bir buton. oradan da istediğiniz gibi geçiş yapabiliyorsunuz.
Butonsuz olsa dediniz ya o yüzden sordum.
Benim yaptığım stepper formda 2 adet buton bulunuyor ikisi de aynı işlevde ileri geri yapmayı sağlıyor.