How to remove SnotifyToast by button/icon in html template

[sanket-thotange]

I am trying to remove the SnotifyToast when I click on certain button/icon in html template that I specify in which generating new toast.

How to remove HTML SnotifyToast by button/icon in html template?

<div class="mb-1">
    <span class="material-icons font-extra-large pt-half notification-icon">notifications</span>
    <span class="font-medium text-semibold">${notification.data.alertSerialId}</span>
    <span class="font-medium pl-half">${notification.title}</span>
    <span class="material-icons font-large close-icon pt-onehalf">close</span> // trying to add remove logic here
</div>