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

ActiveLibrary

voltageek/livewire-toasts-flowbite
==================================

Laravel Livewire toast notifications using Alpine JS & Flowbite component (Fork of aliowa/livewire-toasts)

0.2(2y ago)1117MITPHP

Since May 15Pushed 2y agoCompare

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

READMEChangelogDependencies (2)Versions (3)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-flowbite)
    - [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 voltageek/livewire-toasts-flowbite
```

Add the `x-voltageek-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/voltageek/**/views/**/*.blade.php',
    ],
```

Usage
-----

[](#usage)

### Livewire Component Setup

[](#livewire-component-setup)

Add `Toastable` trait to your livewire component:

```