Laravel Toasts Component
Free · MITNotification toast system for displaying temporary feedback messages with multiple types and positions.
A Toasts built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4.
Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag:
<x-aura::toasts>
Installation
composer require bluestarsystem/aura-uiUsage
<!-- In your layout file -->
<x-aura::toasts />See the full API, props and live examples in the Toasts documentation.
Overview
The Toasts component provides a notification system for displaying temporary feedback messages. Toasts appear in a configurable screen position and automatically dismiss after a timeout. They support four types (success, error, warning, info) and can be triggered from Livewire components or Alpine.js via event dispatch.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
position |
string |
'top-right' |
Screen position: top-right, top-left, bottom-right, bottom-left. |
Slots
| Slot | Description |
|---|---|
| default | Not used. Toasts are rendered dynamically from dispatched events. |
Only one <x-aura::toasts /> instance is needed per page. It listens for toast events globally and stacks multiple notifications.
See more examples and every variant in the Toasts documentation.