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: