Banner

hero

Ringkasan

Banner dapat membantu menampilkan pengalaman aplikasi khusus, fitur baru, atau pesan penting. Meskipun secara fungsional mirip dengan baris standar, banner menambahkan keunggulan visual yang berbeda melalui pengisian latar belakang yang dapat disesuaikan dan akan selalu dipisahkan secara visual dari konten di sekitarnya.


Komposisi

Jika banner dapat ditutup, host akan otomatis merender item terakhir dalam daftar elemen akhir sebagai tombol ikon tutup standar.

hero

1. Gambar awal

2. Teks utama

3. Teks sekunder (opsional)

4. Elemen akhir (opsional)


Persyaratan UX

Untuk memastikan pengalaman yang aman dan konsisten di semua aplikasi, ikuti persyaratan desain berikut:

Tingkat persyaratan

Konten

HARUS

Hanya tampilkan satu banner per bagian. Tempatkan banner di a bagian khusus yang tidak berisi jenis komponen lain.

SEBAIKNYA

Terapkan pengisian latar belakang kustom, warna aksen tombol, dan radius sudut yang berbeda untuk memisahkan banner dari baris konten standar.

SEBAIKNYA

Hindari menempatkan bagian banner yang berdekatan satu sama lain untuk mempertahankan keunggulan visualnya.