PHPackages                             aliowa/livewire-toasts - 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. aliowa/livewire-toasts

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

aliowa/livewire-toasts
======================

Laravel Livewire toast notifications using Alpine JS

v1.0.0(4y ago)0411MITBlade

Since Dec 17Pushed 4y ago1 watchersCompare

[ Source](https://github.com/aliowacom/livewire-toasts)[ Packagist](https://packagist.org/packages/aliowa/livewire-toasts)[ Docs](https://github.com/aliowacom/livewire-toasts)[ RSS](/packages/aliowa-livewire-toasts/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (1)Dependencies (2)Versions (2)Used By (0)

Livewire Toasts
===============

[](#livewire-toasts)

This package allows you to dynamically display toasts notifications via Laravel Livewire components. Toasts are powered by AlpineJS and are displayed without any delay.

Documentation
-------------

[](#documentation)

- [Livewire Toasts](#livewire-toasts)
    - [Documentation](#documentation)
    - [Requirements](#requirements)
    - [Installation](#installation)
    - [Usage](#usage)
        - [Livewire Component Setup](#livewire-component-setup)
        - [Showing Toasts](#showing-toasts)
    - [Publishing Assets](#publishing-assets)
        - [Custom View](#custom-view)

Requirements
------------

[](#requirements)

- AlpineJS version 3.0 or higher

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require aliowa/livewire-toasts
```

Add the `x-aliowa-livewire-toasts` component to your app layout view:

```

```

By default toasts are styled with TailwindCSS. To autodiscover necessary classes, either [publish toasts views](#custom-view) or add package views location to your `tailwind.config.js` file:

```
module.exports = {
    content: [
        './vendor/aliowa/**/views/**/*.blade.php',
    ],
```

Usage
-----

[](#usage)

### Livewire Component Setup

[](#livewire-component-setup)

Add `Toastable` trait to your livewire component:

```