Manages alert, toasts and notifications.
Usage
Toast
Notification
Toast
Notification
<script>
let count = 1;
document.getElementById('toast-btn').addEventListener('click', () => {
window.dispatchEvent(
new CustomEvent('goat:toast', {
detail: {
target: 'demo-notification-manager',
message: 'This is a toast message ' + count++,
state: 'success',
},
}),
);
});
document.getElementById('notification-btn').addEventListener('click', () => {
window.dispatchEvent(
new CustomEvent('goat:notification', {
detail: {
target: 'demo-notification-manager',
title: 'This is a toast message ' + count++,
state: 'success',
subtitle: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit non vel nulla sit gravida adipiscing. Gravida fusce enim habitant etiam netus sed',
},
}),
);
});
</script>