Lompat ke isi
CirccaHIG

Komponen / Tampilan data

StateLabel

Label status dokumen/record. Tone menyatakan makna, bukan dekorasi — satu aturan untuk semua modul.
React · BetaFigma · siapFigmaSumber

Kapan dipakai

Gunakan

  • Selalu tulis teks status — warna hanya penguat.
  • Pakai tone yang sama untuk makna yang sama di semua modul (PO, Sales, Project).

Hindari

  • Jangan memakai StateLabel sebagai tombol atau filter (pakai FilterChip).
  • Jangan membuat warna status baru di luar 7 tone.

Contoh benar & salah

SelesaiTerlambat
GunakanTeks status selalu ada; warna hanya menguatkan.
HindariTitik berwarna tanpa teks — tidak terbaca oleh pengguna buta warna dan pembaca layar.

Penulisan

  • Pakai nama status dari sistem (BizOps/ERPNext) apa adanya agar sama dengan laporan.
  • Satu atau dua kata. Tanpa titik di akhir.

Komponen terkait

Esc
↑↓ pilih↵ buka12 hasil