Badge elementi, bir ikon veya bileşenin üzerine küçük bir etiket ekleyerek okunmamış mesaj sayısı, bildirim veya durum gibi bilgileri kullanıcıya hızlı ve dikkat çekici şekilde iletmek için kullanılır.
Badge elementi, kullanıcı arayüzünde belirli bir bilgiyi vurgulamak, öne çıkarmak veya hızlı şekilde iletmek için kullanılan küçük, dikkat çekici bir etiket elementidir. Çoğunlukla sayı, durum bilgisi, uyarı veya bildirim göstergesi olarak kullanılır. Badge, kullanıcıların uygulamadaki önemli bilgileri kaçırmasını önler ve etkileşim alanlarını daha görünür hale getirir.
Öncelikle sayfanıza Initial Action sayesinde aksiyonunuzu ekleyin. Ardından ekranınıza bir adet “Badge” elementi sürükleyin ve içerisine bir “Icon” elementi ekleyin ve bildirim işareti koyun. Count alanında Symbol Picker’ı açın. Tanımlamanızı yapın. Görsel davranışlar için Show Zero, Max, Dot ayarlarını yapın.
Uygulama test edildiğinde, kullanıcı mesaj ikonunun köşesinde okunmamış mesaj sayısını gösteren bir Badge görür. Okunmamış mesaj yoksa yani Show Zero kapalıysa Badge görünmez. Yüksek mesaj sayıları Max değeri sayesinde 99+ şeklinde gösterilir.
