Live demo — this example is server-driven; run the showcase locally for the interactive version.

Notification badge

Use Notification badge straight from a Qute template — parameters and slots instead of Java builders. This reference is generated from the runtime template sources: each template documents its parameters and slots in the header comment shown beneath its include line.

Templates

notification-badge

{#include components/feedback/notification-badge /}
Notification badge — PatternFly v6. PF v6 has no standalone notification-badge component;
   it is a stateful icon Button (pf-m-stateful + read/unread/attention state class) whose count
   renders as a badge inside pf-v6-c-button__count. 
 Optional: id — DOM id on the root; omit unless something else references the badge.
              variant (read | unread | attention — default read), count (visible number), ariaLabel 
 Model mode: pass notificationBadge=<...model.NotificationBadge>.