diff --git a/packages/notifications/docs/05-customizing-notifications.md b/packages/notifications/docs/05-customizing-notifications.md index f66df0e0b4..a97f7df6d5 100644 --- a/packages/notifications/docs/05-customizing-notifications.md +++ b/packages/notifications/docs/05-customizing-notifications.md @@ -10,6 +10,15 @@ Notifications come fully styled out of the box. However, if you want to apply yo Notifications have dedicated CSS classes you can hook into to apply your own styling. Open the inspector in your browser to find out which classes you need to target. +## Positioning notifications + +You can configure the alignment of the notifications with a service provider, for example adding the below to the boot method on: AppServiceProvider.php would align the notifications top middle of the browser. + +```php + Notifications::alignment(Alignment::Center); + Notifications::verticalAlignment(VerticalAlignment::Start); +``` + ## Using a custom notification view If your desired customization can't be achieved using the CSS classes above, you can create a custom view to render the notification. To configure the notification view, call the static `configureUsing()` method inside a service provider's `boot()` method and specify the view to use: