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.
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>.