Komponen / Navigasi

StagePath

Perjalanan dokumen atau deal per tahap, lengkap dengan tanggal · pelaku. Berbeda dengan Steps (wizard form): StagePath adalah status proses bisnis yang berjalan berhari-hari.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Isi meta di setiap tahap: tanggal · pelaku untuk tahap selesai, siapa yang ditunggu untuk tahap berjalan, apa yang menanti untuk tahap berikutnya.
Batasi meta ≤ 30 karakter agar tidak lebih dari 2 baris di tablet.
Pakai actionNeeded hanya bila pengguna yang login memang harus bertindak — di layar orang lain tahap yang sama tampil sebagai tahap berjalan biasa.

Hindari

Jangan memakai StagePath untuk wizard pengisian form (pakai Steps).
Jangan lebih dari 7 tahap; gabungkan tahap kecil atau pakai Timeline.

Contoh benar & salah

PO terbit, Selesai13 Sep · Rina
BAST/DO, Sedang berjalanMenunggu gudang
Ditagih, BelumTermin 2

GunakanTiap tahap punya meta: kapan, oleh siapa, atau apa yang ditunggu.

PO terbit, Selesai
BAST/DO, Sedang berjalan
Ditagih, Belum

HindariLabel tahap saja — pengguna harus membuka riwayat untuk tahu kapan dan siapa.

Kapan dipakai

Contoh benar & salah

Komponen terkait