⚡ Create a Reusable Toast Utility in Salesforce LWC

🔹 Introduction

Toast messages are one of the most commonly used UI elements in Lightning Web Components (LWC).

But repeating toast logic in every component leads to duplicate code. So today, we’ll build a Reusable Toast Utility.

🎯 Goal

• Create a universal toast helper function
• Reduce duplicate code across LWCs
• Trigger Success, Error, Warning, and Info toasts

📁 Folder Structure

lwc
 ├── toastUtils
 ├── toastDemo

🧩 Step 1: Create toastUtils Utility Module

import { ShowToastEvent } from "lightning/platformShowToastEvent";

const showToast = (cmp, title, message, variant) => {
  cmp.dispatchEvent(
    new ShowToastEvent({ title, message, variant })
  );
};

export { showToast };

📺 Watch the Full Video

🧾 Conclusion

This reusable toast utility keeps your LWC code clean, modular, and scalable.