Lompat ke isi
CirccaHIG

Komponen / Lapisan & umpan balik

Notification

Panel notifikasi ala Mail: titik biru untuk yang belum dibaca, filter Semua / Belum dibaca / Sebutan, dan "Tandai semua dibaca". Dibuka dari lonceng AppHeader.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Tulis satu kalimat utuh: aktor + aksi + objek ("Rina Kartika mengembalikan PO-2026-0146"), lalu alasan singkat bila ada.
  • Jadikan seluruh baris tautan ke dokumen terkait, dan tandai dibaca saat dibuka.
  • Sediakan "Tandai semua dibaca" dan filter "Belum dibaca" bila notifikasi bisa menumpuk.
  • Urutkan terbaru di atas; waktu relatif cukup ("5 menit lalu", "kemarin").

Hindari

  • Jangan menandai belum dibaca hanya dengan warna atau titik — sertakan teks untuk pembaca layar (sudah bawaan).
  • Jangan menaruh tombol aksi (Setujui/Tolak) di dalam baris notifikasi; arahkan ke dokumen agar keputusan diambil dengan konteks lengkap.
  • Jangan memakai panel ini untuk umpan balik sesaat atas aksi pengguna — pakai Toast.

Contoh benar & salah

Rina Kartika mengembalikan PO-2026-0146: dokumen PO customer belum bertanda tangan.

PO-2026-0146 · 1 jam lalu

GunakanKalimat lengkap: siapa melakukan apa pada dokumen mana; meta berisi nomor dokumen dan waktu.

Pembaruan dokumen

1 jam lalu

HindariJudul generik ("Pembaruan dokumen") yang memaksa pengguna membuka untuk tahu isinya.

Dimas Prasetyo meminta persetujuan Anda untuk PO-2026-0142.

PO-2026-0142 · 5 menit lalu

GunakanBaris tunggal yang membuka dokumen; keputusan diambil di halaman dokumen.

Dimas Prasetyo meminta persetujuan Anda untuk PO-2026-0142.

PO-2026-0142 · 5 menit lalu

HindariTombol Setujui/Tolak berjejal di dalam baris notifikasi.

Penulisan

  • Mulai dengan nama aktor, lalu kata kerja aktif: "menyetujui", "mengembalikan", "menyebut Anda di".
  • Notifikasi sistem tanpa aktor dimulai dari objeknya: "Invoice INV-2026-0311 jatuh tempo besok."
  • Kutipan komentar dalam tanda petik dan singkat; teks panjang dipotong di halaman dokumen, bukan di panel.
  • Meta: nomor dokumen · waktu relatif ("PO-2026-0142 · 1 jam lalu").

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil