Komponen / Lapisan & umpan balik
Alert
Peringatan sistem ringkas ala macOS/iOS di tengah layar: judul, pesan, dan satu–dua tombol. Untuk keputusan cepat yang tidak bisa ditunda — hapus, sesi berakhir, koneksi terputus.
Kapan dipakai
Gunakan
- Pakai Alert untuk keputusan singkat yang harus dijawab sekarang: konfirmasi hapus, sesi berakhir, koneksi terputus.
- Pakai Dialog bila butuh isi lebih dari judul + pesan: form singkat, daftar dampak, pilihan tambahan, atau lebih dari dua tombol.
- Tombol aksi menyebut akibatnya ("Hapus", "Masuk lagi", "Sambungkan ulang"); tombol batal ditulis "Batal".
- Pakai type Destructive untuk aksi yang tidak bisa diurungkan — fokus awal otomatis ke Batal.
Hindari
- Jangan memakai Alert untuk informasi yang tidak menuntut keputusan — pakai Banner (di halaman) atau Toast (setelah aksi berhasil).
- Jangan mengisi Alert dengan paragraf panjang, form, atau tabel — pindahkan ke Dialog.
- Jangan memunculkan Alert berturut-turut atau menumpuknya di atas Dialog lain.
- Jangan memakai label "Ya/Tidak" atau "OK" — pengguna harus membaca ulang judul untuk tahu akibatnya.
Contoh benar & salah
Hapus lampiran?
PO-customer.pdf akan dihapus dari PO-2026-0142.
Peringatan!
Apakah Anda yakin?
Kirim untuk persetujuan?
Dimas Prasetyo (PM) akan menerima notifikasi untuk meninjau PO-2026-0142.
Kirim untuk persetujuan?
Pilih penyetuju dan tambahkan catatan sebelum mengirim PO-2026-0142 untuk ditinjau.
Dimas Prasetyo
Catatan…
Penulisan
- Judul maksimal satu baris pendek: pertanyaan ("Hapus lampiran?") atau kejadian ("Sesi berakhir", "Koneksi ke BizOps terputus").
- Pesan menyebut akibat dan objeknya: "PO-customer-PT-Graha.pdf akan dihapus dari PO-2026-0142." — bukan mengulang judul.
- Tanpa tanda seru dan tanpa kata "Peringatan", "Error", atau "Konfirmasi" di judul.