Dialog

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

Dialog dapat berupa notifikasi, yang memerlukan interaksi pengguna. Dialog ini juga bisa berupa dialog pemilihan atau konfirmasi, yang mengharuskan pengguna untuk membuat atau mengonfirmasi pilihan. Dialog mempertahankan fokus sampai ditutup atau tindakan yang diperlukan diambil. Karena bersifat interupsi, dialog harus digunakan seperlunya.

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

Komponen Tujuan Prioritas
Toast Menampilkan pesan yang informatif. Tidak memerlukan interaksi pengguna. Menghilang setelah 8 detik. Rendah
Dialog Menampilkan informasi dan opsi tugas yang memerlukan interaksi pengguna. Dialog mempertahankan fokus hingga 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 brand mereka dengan menyesuaikan aspek dialog berikut:

  • Font
  • Gaya visual tombol aktif, tidak aktif, dan nonaktif
  • Dimensi dan penempatan tombol

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


Contoh

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