> ## Documentation Index
> Fetch the complete documentation index at: https://filament-34a8cf01.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Rendering notifications outside of a panel

> [!WARNING]
>
> You are currently viewing the documentation for Filament 4.x, which is a previous version of Filament.
>
> Looking for the current stable version? Visit the [5.x documentation](https://filament-34a8cf01.mintlify.site/5.x/components/notifications.md).

> [!WARNING]
>
> Before proceeding, make sure `filament/notifications` is installed in your project. You can check by running:
>
> ```bash theme={"theme":"gruvbox-dark-hard"}
> composer show filament/notifications
> ```
>
> If it's not installed, consult the [installation guide](https://filament-34a8cf01.mintlify.site/4.x/introduction/installation.md#installing-the-individual-components) and configure the **individual components** according to the instructions.

## Introduction

To render notifications in your app, make sure the `notifications` Livewire component is rendered in your layout:

```blade theme={"theme":"gruvbox-dark-hard"}
<div>
    @livewire('notifications')
</div>
```

Now, when [sending a notification](../notifications) from a Livewire request, it will appear for the user.

[Edit this page on GitHub](https://github.com/filamentphp/filament/edit/4.x/docs/12-components/02-notifications.md)

## Sponsored by

[Your logo here](https://github.com/sponsors/danharrin)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.