Dialog

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

Dialog dapat berupa pemberitahuan, yang memerlukan interaksi pengguna. Hal ini juga dapat berupa dialog pilihan atau konfirmasi, yang mengharuskan pengguna untuk membuat atau mengonfirmasi pilihan. Dialog akan mempertahankan fokus hingga ditutup atau tindakan yang diperlukan diambil. Karena bersifat mengganggu, dialog harus digunakan seperlunya.

Dialog terkait dengan toast (keduanya merupakan anggota keluarga komponen Dialog), tetapi memiliki tujuan dan prioritas yang berbeda, seperti yang ditunjukkan di bawah ini.

Komponen Tujuan Prioritas
Toast Menampilkan pesan informatif. Tidak memerlukan interaksi pengguna. Menghilang setelah 8 detik. Rendah
Dialog Menampilkan informasi dan opsi tugas yang memerlukan interaksi pengguna. Dialog mempertahankan fokus sampai pengguna merespons. Tinggi

Anatomi

Dialog berisi teks informasi dan kontrol UI yang meminta respons pengguna.

1. Latar belakang dialog
2. Header kartu
3. Area konten
4. Area tindakan kartu

Spesifikasi

Dialog tanpa judul

Dialog dengan judul

Dialog dengan judul di tengah

Dialog yang dapat di-scroll


Penyesuaian

OEM dapat mencerminkan mereknya dengan menyesuaikan aspek dialog berikut:

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

Sistem desain memberikan panduan untuk menyesuaikan komponen menggunakan tata letak, warna, tipografi, dan ukuran.


Contoh

Dialog dengan judul - hari
Dialog dengan judul - malam
Dialog yang dapat di-scroll - hari
Dialog yang dapat di-scroll - malam
Cara kerja dialog