PHPackages                             shufflingpixels/laravel-toast-flux - 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. [Utility & Helpers](/categories/utility)
4. /
5. shufflingpixels/laravel-toast-flux

ActiveLibrary[Utility & Helpers](/categories/utility)

shufflingpixels/laravel-toast-flux
==================================

Frontend for shufflingpixels/toast using Livewire Flux, Tailwind CSS and alpinejs

v0.1.0(7mo ago)0114↓33.3%AGPL-3.0-or-laterPHPPHP >=8.1

Since Oct 9Pushed 7mo agoCompare

[ Source](https://github.com/shufflingpixels/laravel-toast-flux)[ Packagist](https://packagist.org/packages/shufflingpixels/laravel-toast-flux)[ RSS](/packages/shufflingpixels-laravel-toast-flux/feed)WikiDiscussions main Synced 1mo ago

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

Laravel Toast Flux
==================

[](#laravel-toast-flux)

Frontend for [`shufflingpixels/laravel-toast`](https://github.com/shufflingpixels/laravel-toast) using Livewire Flux, Tailwind CSS and Alpine.js.

This package provides a ready-made Livewire component that renders toast messages produced by the backend package [`shufflingpixels/laravel-toast`](https://github.com/shufflingpixels/laravel-toast), styled with Flux components.

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

[](#requirements)

- PHP 8.1+
- Laravel 10–12 (or `illuminate/support` 10–12)
- Tailwind CSS 4+
- Livewire 3.5.19+
- Livewire Flux 2.5+

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

[](#installation)

```
composer require shufflingpixels/laravel-toast-flux
```

The service provider is auto-discovered. No manual registration is required.

Usage
-----

[](#usage)

Add the toast container component to a persistent layout (e.g., just before `` or wherever you want toasts to appear):

```
{{-- Renders all current toast messages --}}

```

### Popover mode (optional)

[](#popover-mode-optional)

If you pass the `position` attribute to the component, it renders inside a native popover element instead of a plain wrapper. This is useful if you want to show toasts in an overlay context.

```

```

### Calling from livewire

[](#calling-from-livewire)

use the `WithToast` trait in you livewire components.

```