Dialog

Dialog adalah jendela modal yang muncul di depan aplikasi untuk menampilkan informasi tugas yang memerlukan respons langsung dari pengguna.

Dialog dapat berupa peringatan yang memerlukan interaksi pengguna. Dialog juga dapat berupa dialog pemilihan atau konfirmasi, yang mengharuskan pengguna untuk membuat atau mengkonfirmasi pilihan. Dialog tetap fokus hingga ditutup atau tindakan yang diperlukan dilakukan. Karena dialog bersifat mengganggu, penggunaannya harus seminimal mungkin.

Dialog berkaitan dengan toast (keduanya merupakan anggota keluarga komponen Dialog), tetapi keduanya berbeda dalam tujuan dan prioritas, seperti yang ditunjukkan pada tabel.

Komponen Tujuan Prioritas
Roti panggang Menampilkan pesan informatif. Tidak memerlukan interaksi pengguna. Menghilang setelah 8 detik. Rendah
Dialog Menampilkan informasi dan opsi tugas yang memerlukan interaksi pengguna. Dialog akan tetap fokus hingga pengguna memberikan respons. Tinggi

Anatomi

Dialog berisi teks informatif dan kontrol UI yang meminta respons dari pengguna.

1. Latar belakang dialog
2. Judul kartu
3. Area konten
4. Area aksi kartu

Spesifikasi

ikon panggilan
Komponen tombol
Spesifikasi, panduan gaya, dan lainnya
ikon panggilan
Komponen daftar item
Spesifikasi, panduan gaya, dan lainnya

Dialog tanpa judul

Dialog dengan judul

Dialog dengan judul terpusat

Dialog yang dapat digulir

Kustomisasi

Ekspresikan merek Anda dengan menyesuaikan aspek-aspek dialog berikut:

  • Font
  • Penataan gaya tombol aktif, tidak aktif, dan dinonaktifkan.
  • Dimensi dan penempatan tombol

Contoh

Dialog dengan judul - hari
Dialog dengan judul - malam
Dialog yang dapat digulir - hari
Dialog yang dapat digulir - malam
Dialog dalam tindakan