Laravel Packages

Toast Notifications for the TALL Stack

Published
Toast Notifications for the TALL Stack image

TALL Toasts is a toast notification library for the Laravel TALL stack (Tailwind, Alpine.js, Laravel, Livewire). What makes this package stand out to me is the ability to render customizable toast messages from either the backend or frontend. The TALL Toasts package also has a negligable footprint on the published CSS/JS.

Here's the frontend API for triggering a toast message:

// Frontend
Toast.info(
'Notification from the frontend...',
'The Title'
);
 
Toast.success('A toast without a title also works');
 
Toast.warning('Watch out!');
 
Toast.danger('I warned you!', 'Yikes');

And the same toast messages using PHP on the backend:

// backend
toast()
->info('Notification from the backend...', 'The Title')
->push();
 
toast()
->success('A toast without a title also works')
->push();
 
toast()
->warning('Watch out!')
->push();
 
toast()
->danger('I warned you!', 'Yikes')
->push();

In addition to this API, you have complete control over the look and feel of the messages by overriding the package's blade view with Tailwind classes:

You can learn more about this package, get full installation instructions, and view the source code on GitHub.


This package was submitted to our Laravel News Links section. Links is a place the community can post packages and tutorials around the Laravel ecosystem. Follow along on Twitter @LaravelLinks

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

serpapi logo
SerpApi

The Web Search API for Your LLM and AI Applications

Visit SerpApi

The latest

View all →
Cancel In-Flight Form Submissions in Inertia.js v3.7 image

Cancel In-Flight Form Submissions in Inertia.js v3.7

Read article
Laravel Starter Kits Now Ship with Vite+ image

Laravel Starter Kits Now Ship with Vite+

Read article
Pessimistic Locking in Laravel Eloquent with refreshForUpdate() image

Pessimistic Locking in Laravel Eloquent with refreshForUpdate()

Read article
Mask Query Bindings in Laravel Exception Messages image

Mask Query Bindings in Laravel Exception Messages

Read article
whereBinary(): Case-Sensitive MySQL Queries in Laravel image

whereBinary(): Case-Sensitive MySQL Queries in Laravel

Read article
Compile PHP to Native Binaries with TypePHP image

Compile PHP to Native Binaries with TypePHP

Read article