lenards/elm-ui-patternfly/2.0.0

NOTE: the latest version is 4.0.2

PF6.NotificationBadge

PF6 NotificationBadge component

A bell icon with an unread count overlay, used in toolbars and mastheads to indicate new notifications.

See: https://www.patternfly.org/components/notification-badge

Definition

Opaque NotificationBadge type

Constructor

{ count : Int
, onClick : msg
}

Construct a NotificationBadge

notificationBadge { count = 5, onClick = ToggleNotifications }

Modifiers

Mark notifications as read (no badge highlight)

Use attention variant (danger color for urgent notifications)

Set the expanded state (e.g. when notification panel is open)

Rendering

toMarkup : NotificationBadge msg -> Element msg

Render the NotificationBadge as an Element msg