Opaque NotificationDrawer type

A single notification entry

Notification severity variant

Construct a NotificationDrawer

notificationDrawer
    { isOpen = model.notifDrawerOpen
    , items = [ item1, item2 ]
    , onClose = NotifDrawerClose
    }

Construct a notification item

notificationItem "Deployment complete"

Set the notification item title

Set a timestamp string

Mark the item as read

Mark the item as unread (default)

Set the severity variant explicitly

Success variant

Warning variant

Danger variant

Info variant

Set a message to send when the item is marked as read

Set a message to send when the item is cleared/dismissed

Set a message to send when "Mark all read" is clicked

Replace the default header with a custom element

Render the NotificationDrawer as an Element msg

When isOpen is False, nothing is rendered. When True, a fixed-width panel is rendered on the right side. Use Element.inFront or a layout column to position it alongside your main content.