ButtonsLesson 109Preview gratis
Notification Button
Lesson ini bagian dari How To · Semua level
Ringkasan
Notification button adalah tombol yang dilengkapi lencana kecil berisi jumlah notifikasi. Lencana ditempatkan menumpuk di sudut tombol menggunakan position: absolute. Karena informasi jumlah penting, nilainya juga perlu disampaikan melalui teks alternatif untuk pembaca layar.
Poin kunci
- Tombol pembungkus memakai position: relative agar badge dapat diposisikan.
- Badge memakai position: absolute di sudut kanan atas.
- border-radius besar dengan ukuran minimum membuat badge tampil sebagai lingkaran atau kapsul kecil.
- Sembunyikan badge saat jumlah notifikasi nol.
- Sertakan jumlah notifikasi dalam aria-label tombol.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.