SyntaxStudy
Sign Up
Bootstrap Flash Messages as Toasts in Laravel
Bootstrap Intermediate 4 min read

Flash Messages as Toasts in Laravel

Laravel Flash Toasts

In Laravel, flash session messages to show toasts after redirects. Check the session in Blade and auto-trigger the toast.

Example
{{-- In blade layout --}}
@if(session("success"))
<div class="toast-container position-fixed bottom-0 end-0 p-3">
  <div id="flashToast" class="toast text-bg-success" role="alert">
    <div class="d-flex">
      <div class="toast-body">{{ session("success") }}</div>
      <button class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
    </div>
  </div>
</div>
<script>
  document.addEventListener("DOMContentLoaded", () => {
    new bootstrap.Toast(document.getElementById("flashToast")).show();
  });
</script>
@endif
Pro Tip

Use session("success"), session("error"), session("warning") for typed flash messages.