@assaabloy/gw-group-atom-icons

^{Global web - web components}

Toast

Custom HTML element

<gw-group-toast></gw-group-toast>

Event Listener

This component is listening on a CustomEvent named 'showToast'. You can dispatch an event like so:

document.dispatchEvent(new CustomEvent('showToast', {detail: {text: 'Hello Johan! You are now logged in.', eventType: 'SUCCESS', time: 3000}}))

Properties that can be sent with the event are:

• text - the text that will be displayed.
• eventType - controls the background color of the toast. Possible values are 'SUCCESS' and 'ERROR'.
• time - time in ms that the toast will be shown.