Declarative inline usage
Body only
I am a simple static toast.
With a text header
Hello
I am a simple static toast with a header.
Using a Template as header
Fancyheader here
Hello, I am toast. Have you noticed my header has been generated from a Template?
Using a Template as header
Click my close icon →
If you close me, I will automatically re-appear after a few seconds.
Prevent autohide on mouseover
In this demo, you can show a toast by clicking the button below. It will hide itself after a 5 seconds delay unless you simply hover it with your mouse.
Toast management service
Please click one of the button to see a Toast being displayed in the top right corner of your screen: