Lesson: 25 | Delete a Record | ToastEvent

A toast event is a type of event in Salesforce Lightning Web Components (LWC) that displays a brief message to the user on the page. Toast events are often used to provide feedback to the user after an action has been performed, such as after a record has been saved, updated, or deleted.

To use a toast event in an LWC, you first need to import the ShowToastEvent class from the lightning/platformShowToastEvent module. You can then create an instance of the ShowToastEvent class with various properties that determine the content and appearance of the toast message.

HTML

<template>
    <div class="slds-m-around_medium">
        <lightning-button variant="destructive" label="Delete Account"
            title="Delete Account" onclick={deleteRecord}></lightning-button>
    </div>
</template>

Java Script

import { LightningElement, api, track } from 'lwc';
import { deleteRecord } from 'lightning/uiRecordApi';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';

export default class DeleteAccount extends LightningElement {

    @api recordId = '0038b00002in40SAAQ';
    @api objectApiName;

    deleteRecord() {
        deleteRecord(this.recordId)
            .then(() => {
                const toastEvent = new ShowToastEvent({
                    title: 'Success',
                    message: 'Record deleted successfully',
                    variant: 'success'
                });
                this.dispatchEvent(toastEvent);
            })
            .catch(error => {
                const toastEvent = new ShowToastEvent({
                    title: 'Error',
                    message: error.body.message,
                    variant: 'error'
                });
                this.dispatchEvent(toastEvent);
            });
    }
}

Prev You need to login to have access to the quizzes. Next

Mastered by 12 users.

Lightning Web Components

A. Component Reference (27 lessons)

B. Lightning Web Components | Utilities (11 lessons)

C. Lightning Web Component Guide (41 lessons)

D. Java Script Methods for LWC (23 lessons)

E. HTML (18 lessons)

F. JavaScript (19 lessons)

Go to top

Login to your account

Lesson: 25 | Delete a Record | ToastEvent

HTML

Lightning Web Components