Notifications Tabs plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Notifications Tabs

Community

Notifications Tabs adds a cleaner notification workflow to Filament by separating unread and all notifications into dedicated tabs. It also adds per-notification actions, allowing users to quickly mark each notification as read or unread, or delete it directly from the notifications modal.

Tags: Panels
Supported versions:
5.x
Third-party plugin. This is built by the community, not the Filament team. Filament does not review, endorse, or vet the security of plugins outside the filament/ namespace. Review the source and install at your own risk. Found malware or an unresolved security issue the author won't address? Report it .
zvizvi avatar Author: zvizvi

Documentation

Filament Relation Manager Repeater

Latest Version on Packagist Total Downloads

Adds tabs and per-notification actions to the Filament database notifications modal:

  • Unread / All tabs — filter the notifications list, with an unread-count badge on the Unread tab.
  • Per-notification actions — replaces the default X (close) button with a delete (trash) button and a toggle read/unread button.

Compatible with Filament v5 panels.

#Installation

Install the package via Composer:

composer require zvizvi/filament-notifications-tabs:^0.0.2

#Register the styles (Tailwind v4)

The modal view uses Tailwind utility classes, so Tailwind needs to scan this package's Blade files. Add a @source directive to your Filament theme CSS (e.g. resources/css/filament/admin/theme.css), then rebuild:

@source '../../../../vendor/zvizvi/filament-notifications-tabs/resources/views/**/*.blade.php';

Adjust the number of ../ to match the location of your theme file relative to vendor/.

#Usage

Register the plugin in your panel provider. Database notifications must be enabled on the panel:

use Zvizvi\FilamentNotificationsTabs\FilamentNotificationsTabsPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->databaseNotifications()
        ->plugins([
            FilamentNotificationsTabsPlugin::make(),
        ]);
}

#Default tab

The modal opens on the Unread tab by default. To open on the All tab instead:

FilamentNotificationsTabsPlugin::make()
    ->defaultTab('all')

#Confirm before delete

By default, clicking the delete button removes the notification immediately. To require Filament's native confirmation dialog first:

FilamentNotificationsTabsPlugin::make()
    ->confirmDelete()

#Translations

The package ships with en and he translations. To customize them:

php artisan vendor:publish --tag=filament-notifications-tabs-translations

#Views

To customize the modal view:

php artisan vendor:publish --tag=filament-notifications-tabs-views

#License

The MIT License (MIT). Please see License File for more information.