Package org.patternfly.component.notification

package org.patternfly.component.notification
Provides the PatternFly notification badge and notification drawer components.

This package contains components for displaying notification indicators and organizing notifications. The NotificationBadge shows a count of notifications with read, unread, and attention states. The NotificationDrawer provides a structured list of notification items with severity, timestamps, and action support.

Usage

A notification badge with a count: 

 import static org.patternfly.component.notification.NotificationBadge.notificationBadge;

 NotificationBadge badge = notificationBadge()
         .ariaLabel("10 unread notifications")
         .unread()
         .count(10);

A notification drawer with items of different severity: 

 import static org.patternfly.component.Severity.danger;
 import static org.patternfly.component.Severity.info;
 import static org.patternfly.component.Severity.warning;
 import static org.patternfly.component.notification.NotificationDrawer.notificationDrawer;
 import static org.patternfly.component.notification.NotificationDrawerBody.notificationDrawerBody;
 import static org.patternfly.component.notification.NotificationDrawerHeader.notificationDrawerHeader;
 import static org.patternfly.component.notification.NotificationDrawerItem.notificationDrawerItem;
 import static org.patternfly.component.notification.NotificationDrawerItemBody.notificationDrawerItemBody;
 import static org.patternfly.component.notification.NotificationDrawerList.notificationDrawerList;

 NotificationDrawer drawer = notificationDrawer()
         .addHeader(notificationDrawerHeader()
                 .status("2 unread"))
         .addBody(notificationDrawerBody()
                 .addList(notificationDrawerList()
                         .addItem(notificationDrawerItem(info, "Info notification title")
                                 .addBody(notificationDrawerItemBody("This is an info notification."))
                                 .timestamp("5 minutes ago"))
                         .addItem(notificationDrawerItem(danger, "Danger notification title")
                                 .addBody(notificationDrawerItemBody("This is a danger notification."))
                                 .timestamp("10 minutes ago"))
                         .addItem(notificationDrawerItem(warning, "Warning notification title")
                                 .addBody(notificationDrawerItemBody("This is a warning notification."))
                                 .read()
                                 .timestamp("20 minutes ago"))));
See Also: