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

masteringlaravel logo
Laravel Code Review

Get expert guidance in a few days with a Laravel code review

Visit Laravel Code Review

The latest

View all →
Validate and Convert HEIC Images in Laravel image

Validate and Convert HEIC Images in Laravel

Read article
Saga Lara Flow: Durable Workflows and Compensating Transactions on Laravel Queues image

Saga Lara Flow: Durable Workflows and Compensating Transactions on Laravel Queues

Read article
Reject Unexpected Array Keys with Laravel Validation image

Reject Unexpected Array Keys with Laravel Validation

Read article
Major performance improvements & security patches for Filament v4.12 and v5.7! image

Major performance improvements & security patches for Filament v4.12 and v5.7!

Read article
Laravel Boost Project Rules: Teach Agents Your Conventions image

Laravel Boost Project Rules: Teach Agents Your Conventions

Read article
Extract an Image's Dominant Color in Laravel image

Extract an Image's Dominant Color in Laravel

Read article