Komponen / Navigasi
Steps
Langkah wizard untuk form multi-halaman: posisi pengguna saat mengisi, mis. buat PO customer Customer → Nilai → Penagihan → Tinjau. Bukan status dokumen — untuk tahap proses bisnis pakai StagePath.
Kapan dipakai
Gunakan
- Pakai untuk form panjang yang dipecah 3–5 halaman dan diisi dalam satu sesi: buat PO customer, onboarding customer baru.
- Beri nama langkah berupa kata benda isinya ("Customer", "Nilai", "Penagihan", "Tinjau"), dan akhiri dengan langkah Tinjau sebelum mengajukan.
- Izinkan kembali ke langkah yang sudah selesai lewat onStepClick; isian tidak boleh hilang saat berpindah langkah.
- Tandai langkah bermasalah dengan error + keterangan singkat apa yang kurang.
Hindari
- Jangan memakai Steps untuk status dokumen yang berjalan berhari-hari (Diajukan → BAST → Ditagih) — itu StagePath, lengkap dengan tanggal dan pelaku.
- Jangan membuat wizard untuk form pendek (≤ 8 field) — cukup satu halaman.
- Jangan biarkan pengguna melompat ke langkah yang belum dicapai; validasi tiap langkah terjadi saat "Lanjut".
- Jangan lebih dari 5 langkah — gabungkan langkah yang kecil.
Contoh benar & salah
Buat PO customer
PO-2026-0142 · Menunggu BAST
Penulisan
- Label langkah 1–2 kata benda, huruf kapital hanya di awal: "Customer", "Nilai", "Penagihan", "Tinjau".
- Deskripsi langkah selesai berisi ringkasan isian ("PT Mitra Energi Persada", "Rp 186.000.000"); langkah error berisi apa yang kurang ("Nilai item belum diisi").
- Langkah terakhir selalu "Tinjau"; tombolnya "Ajukan PO", bukan "Selesai".