-
Notifications
You must be signed in to change notification settings - Fork 9
Widgets Notifications
prankstr edited this page Jun 6, 2026
·
3 revisions
Notification center with Do Not Disturb support.
VibePanel includes its own notification daemon.
| Option | Type | Default | Description |
|---|---|---|---|
toast_position |
string | "top-right" |
Toast corner/edge: "top-right", "top-center", "top-left", "bottom-right", "bottom-center", or "bottom-left"
|
background_color |
string | Custom background color (hex) |
| Class | Description |
|---|---|
.notifications |
Widget button |
.notifications-icon |
Bell icon |
.has-critical |
Added when critical notification present |
| Class | Description |
|---|---|
.notification-popover |
Popover container |
.notification-header |
Header row |
.notification-clear-btn |
Clear all button |
.notification-row |
Individual notification row |
.notification-row-icon |
Notification app icon |
.notification-app-name |
App name label |
.notification-summary |
Notification title |
.notification-body |
Notification body text |
.notification-dismiss-btn |
Dismiss button |
.notification-critical |
Added for critical notifications |
.notification-low |
Added for low priority notifications |
| Class | Description |
|---|---|
.notification-toast |
Toast container |
.notification-toast-icon |
Toast app icon |
.notification-toast-app |
Toast app name |
.notification-toast-summary |
Toast title |
.notification-toast-body |
Toast body text |
.notification-toast-dismiss |
Toast dismiss button |
.notification-toast-critical |
Added for critical toasts |
.notification-toast-low |
Added for low priority toasts |