Komponen / Tampilan data

Timeline

Riwayat aktivitas dokumen — siapa, melakukan apa, kapan — dengan penanda jenis: persetujuan, penolakan, menunggu, komentar.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Urutkan terbaru di atas, sesuai cara orang memeriksa "apa yang terakhir terjadi".
Tulis alasan penolakan atau pengembalian sebagai isi item agar konteksnya tidak hilang.
Pakai jenis Approved/Rejected hanya untuk keputusan persetujuan; aktivitas biasa tetap Event.

Hindari

Jangan memakai Timeline untuk tahap proses ke depan — pakai StagePath atau Steps.
Jangan mencatat perubahan kecil satu per satu (ubah ejaan, simpan draf) — kelompokkan atau sembunyikan.
Jangan mewarnai semua item hijau; warna hanya untuk keputusan.

Contoh benar & salah

Ditolak: Rina Kartika mengembalikan PO
2 Okt 2026, 15.05
PO customer belum bertanda tangan.

GunakanPenolakan disertai alasan di kotak komentar.

Ditolak: Rina Kartika mengembalikan PO
2 Okt 2026, 15.05

HindariPenolakan tanpa alasan; pengaju harus bertanya lagi.

Disetujui: Budi Santoso menyetujui PO
1 Okt 2026, 11.18
Aktivitas: Anisa Nugraha mengajukan PO
1 Okt 2026, 09.30

GunakanTimeline berisi kejadian yang sudah terjadi, bertanggal dan beraktor.

Menunggu: Finance akan menerbitkan invoice
Nanti
Menunggu: Customer akan membayar Termin 2
Nanti

HindariTahap yang belum terjadi ditulis sebagai item Timeline.

Penulisan

Pola kalimat: [Aktor] [kata kerja aktif] [objek] — "Rina Kartika mencatat invoice distributor".
Aksi otomatis memakai aktor "Sistem": "Sistem mencatat pembayaran Termin 1".
Waktu "12 Sep 2026, 09.12" (jam 24, pemisah titik).

Komponen terkait