Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="page">
<div class="hero">
<h2>Notification <span>system</span></h2>
<p>Click a button to fire a toast</p>
<div class="btns">
<button onclick="toast('success', 'Order placed', 'Your purchase was successful')">
Success</button
><button onclick="toast('error', 'Payment failed', 'Please check your card details')">
Error</button
><button onclick="toast('info', 'New message', 'You have a new notification')">Info</button>
</div>
</div>
<div id="stack"></div>
</div>
rloop.dev/p/Pr-B12