PHPackages                             haxneeraj/laravel-livewire4-toaster - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Mail & Notifications](/categories/mail)
4. /
5. haxneeraj/laravel-livewire4-toaster

ActiveLibrary[Mail & Notifications](/categories/mail)

haxneeraj/laravel-livewire4-toaster
===================================

Elegant toast notifications for Laravel Livewire 4 + Alpine.js — event-driven, configurable, zero dependencies.

v1.0.0(3mo ago)42↓90.9%MITPHPPHP ^8.1

Since Mar 31Pushed 3mo agoCompare

[ Source](https://github.com/haxneeraj/laravel-livewire4-toaster)[ Packagist](https://packagist.org/packages/haxneeraj/laravel-livewire4-toaster)[ Docs](https://github.com/haxneeraj/livewire4-toaster)[ RSS](/packages/haxneeraj-laravel-livewire4-toaster/feed)WikiDiscussions main Synced 4w ago

READMEChangelogDependencies (5)Versions (2)Used By (0)

🍞 Livewire4 Toaster
===================

[](#-livewire4-toaster)

[![Latest Version on Packagist](https://camo.githubusercontent.com/7b0bdb4d8f585c5c81e5feaff3965f4f5769b52f17c738e4d5cbedbeab206cc7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6861786e656572616a2f6c69766577697265342d746f61737465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/haxneeraj/livewire4-toaster)[![License: MIT](https://camo.githubusercontent.com/a7e65aee57b11d28e4caff8b945729a66be0bb663f7f93bd24c5aa65699f148e/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d4d49542d626c75652e7376673f7374796c653d666c61742d737175617265)](LICENSE)[![PHP Version](https://camo.githubusercontent.com/6f61c16385e121f1009c477296e9a88d9352813581b8b66a97fed5237b222457/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f7068702d253545382e312d3838393242462e7376673f7374796c653d666c61742d737175617265)](https://php.net)

**Elegant toast notifications for Laravel Livewire 4 + Alpine.js** — event-driven, configurable, zero external dependencies.

[![Toast Preview](https://camo.githubusercontent.com/ea269721eeb4940696306625b3c176eaabfde0e26e2391cd4f04db6aa3e5f8c5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539462541325f537563636573732d2545322539432539332d656d6572616c643f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/ea269721eeb4940696306625b3c176eaabfde0e26e2391cd4f04db6aa3e5f8c5/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539462541325f537563636573732d2545322539432539332d656d6572616c643f7374796c653d666f722d7468652d6261646765) [![Toast Preview](https://camo.githubusercontent.com/08fa587d35ce4d1c2128b019e41d3977289af7bbb43e1db7e808235cc5f05b43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539342542345f4572726f722d2545322539432539372d7265643f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/08fa587d35ce4d1c2128b019e41d3977289af7bbb43e1db7e808235cc5f05b43/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539342542345f4572726f722d2545322539432539372d7265643f7374796c653d666f722d7468652d6261646765) [![Toast Preview](https://camo.githubusercontent.com/0bb74bb8ffaed6d77e6bb11ab02e3631ca02077993ba8b3fb25e16eec86b022c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539462541315f5761726e696e672d2545322539412541302d616d6265723f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/0bb74bb8ffaed6d77e6bb11ab02e3631ca02077993ba8b3fb25e16eec86b022c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539462541315f5761726e696e672d2545322539412541302d616d6265723f7374796c653d666f722d7468652d6261646765) [![Toast Preview](https://camo.githubusercontent.com/b053b5fc058232d736347e8469f5d4bcd6f6ce6ab44a518fd72becc156a9aad0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539342542355f496e666f2d2545322538342542392d736b793f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/b053b5fc058232d736347e8469f5d4bcd6f6ce6ab44a518fd72becc156a9aad0/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f2546302539462539342542355f496e666f2d2545322538342542392d736b793f7374796c653d666f722d7468652d6261646765)

### 📸 Demo

[](#-demo)

[![Laravel Livewire4 Toaster Demo](laravel-livewire4-toaster.gif)](laravel-livewire4-toaster.gif)

---

✨ Features
----------

[](#-features)

- **Trait-based API** — `$this->success('Saved!')` in any Livewire component
- **Facade & Helper** — `Toast::error('Failed!')` or `toast('success', 'Done')` from controllers
- **Event-driven** — Livewire 4 `dispatch()` → Alpine `x-on:toast.window`
- **Auto-dismiss** with animated progress bar & pause-on-hover
- **Queue mode** — show one toast at a time with automatic queue
- **Duplicate handling** — suppress or replace identical toasts
- **Configurable positions** — top-right, top-left, bottom-right, bottom-left, top-center, bottom-center
- **Dark mode** ready with Tailwind CSS
- **Accessible** — `role="status"`, `aria-live="polite"`
- **Redirect support** — flash toasts to session, inject on next page load
- **JavaScript API** — `window.Toast.success('Hello!')` for frontend-only toasts
- **Publishable** config & views — full control when you need it
- **Zero external dependencies** — no toastr.js, no notyf, just Alpine.js

---

📦 Installation
--------------

[](#-installation)

### 1. Install via Composer

[](#1-install-via-composer)

```
composer require haxneeraj/laravel-livewire4-toaster
```

The package auto-discovers its service provider and facade.

### 2. Publish Config (Optional)

[](#2-publish-config-optional)

```
php artisan vendor:publish --tag=toaster-config
```

This creates `config/toaster.php` where you can customize everything.

### 3. Add the Toast Hub to Your Layout

[](#3-add-the-toast-hub-to-your-layout)

Place the toast-hub component in your main layout file, typically before ``:

```

    My App
    @vite(['resources/css/app.css', 'resources/js/app.js'])
    @livewireStyles

    {{ $slot }}

    {{-- Toast notification container --}}

    @livewireScripts

```

That's it! You're ready to toast. 🍞

---

🚀 Usage
-------

[](#-usage)

### In Livewire Components (Toastable Trait)

[](#in-livewire-components-toastable-trait)

The `Toastable` trait is the primary API for Livewire components:

```