Stepper
ตัวนำขั้นตอน
Step IndicatorWizardProgress Steps
หน้าตาเป็นแบบไหน
วงกลมหลายวงเรียงแนวนอน เชื่อมด้วยเส้น มีตัวเลขหรือ icon บอกขั้นตอน บางวงเติมสีแสดงว่าผ่านแล้ว
คืออะไร
แสดงความคืบหน้าในกระบวนการหลายขั้นตอน ผู้ใช้รู้ว่าอยู่ขั้นไหน มีกี่ขั้นที่เหลือ
ใช้เมื่อไหร่
ใช้กับ onboarding, checkout flow, form ที่แบ่งเป็นหลายหน้า เมื่อขั้นตอนมี 2-5 ขั้น