Home Components Notification Manager
Notification Manager
Overview Playground API
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>
Usage
Work in progress
Properties
Events
 Previous Next