Komponen / Kolaborasi & domain

CommentBox

Kolom komentar di detail dokumen dengan @mention untuk menyebut rekan; ⌘ Return untuk kirim. Tumbuh mengikuti isi.

React · BetaFigma · siapFigma Sumber

Kapan dipakai

Gunakan

Letakkan di detail dokumen (PO, proyek, invoice) dekat Timeline aktivitas, agar diskusi tersimpan bersama dokumennya.
Isi `people` dengan orang yang relevan dengan dokumen (tim proyek, approver) supaya daftar sebutan pendek.
Kirim sebutan ke backend lewat `mentions` untuk memicu notifikasi "menyebut Anda di …".

Hindari

Jangan memakai CommentBox untuk isian formulir (alasan penolakan, catatan PO) — pakai Textarea di FormField.
Jangan mengirim dengan Return biasa; Return membuat baris baru, ⌘/Ctrl Return mengirim.
Jangan menulis nama tanpa "@" bila ingin orang itu diberi tahu — hanya sebutan dari daftar yang dilaporkan.

@Rina Kartika mohon cek termin PO-2026-0142.

GunakanSebut rekan dengan @ dari daftar: nama berwarna aksen dan orangnya mendapat notifikasi.

Bu Rina, mohon cek termin PO-2026-0142.

HindariMenulis nama biasa lalu berharap orangnya membaca.

Alasan penolakan

GunakanAlasan penolakan memakai Textarea berlabel di dialog/form.

HindariCommentBox dipakai sebagai isian formulir.

Placeholder mengajak dan menjelaskan fitur: "Tulis komentar… ketik @ untuk menyebut rekan".
Label tombol cukup "Kirim". Petunjuk pintasan ditulis "⌘ Return untuk kirim" (Mac) atau "Ctrl Enter untuk kirim".
Peran di daftar sebutan singkat: "Finance", "Project manager".