Livewire Alert Livewire Alert

Core Pattern

Toast Notifications

Use toast alerts for non-blocking feedback after saves, redirects, background actions, or small status changes.

asToast()

Use asToast() for the package preset: top-end position, configured timer, and progress bar enabled.

Live demo
SweetAlert2
PHP
LivewireAlert
LivewireAlert::title('Saved!')
    ->success()
    ->asToast()
    ->show();

Manual toast

Call toast() when you want to choose each SweetAlert2 option yourself.

Live demo
SweetAlert2
PHP
LivewireAlert
LivewireAlert::title('Welcome!')
    ->text('You have logged in successfully.')
    ->info()
    ->toast()
    ->position('top-end')
    ->timer(3000)
    ->timerProgressBar()
    ->show();

Choosing a position

Toasts use the same position() values as modal alerts, including top, center, and bottom variants.

Live demo
SweetAlert2
PHP
LivewireAlert
LivewireAlert::title('Queued')
    ->success()
    ->toast()
    ->position('bottom-end')
    ->timer(2500)
    ->timerProgressBar()
    ->show();
Next: Timers