[docs] add customization section to notifications (#4672)

Signed-off-by: Filip Niklas <[email protected]> Signed-off-by: Jan Potoms <[email protected]> Co-authored-by: Jan Potoms <[email protected]>
mui · Feb 12, 2025 · 6dc29be · 6dc29be
1 parent ea0e2c6
commit 6dc29be
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/docs/data/toolpad/core/components/use-notifications/use-notifications.md b/docs/data/toolpad/core/components/use-notifications/use-notifications.md
@@ -75,6 +75,20 @@ Notification providers can be nested. That way you can scope the notifications t
 
 {{"demo": "ScopedNotification.js"}}
 
+## Customization
+
+To customize the notification experience, such as the position of the notification, provide a custom [`Snackbar`](https://mui.com/material-ui/react-snackbar/) configuration to the `NotificationsProvider`. When applied at the provider level, this configuration globally sets the behavior for all notifications in your application.
+
+```tsx
+<NotificationsProvider
+  slotProps={{
+    snackbar: {
+      anchorOrigin: { vertical: 'bottom', horizontal: 'right' },
+    },
+  }}
+>
+```
+
 ## 🚧 Notification center
 
 When multiple notifications are available, click the badge to open the notification center to show a scrollable list of all available notifications. This feature is not available yet.