Toast
Toasts are useful to show important notifications to the user, you can also have actions on toasts. Fun fact: The component class are named after popular YouTuber and streamer Disguised toast. I love his gameplay videos mostly Among us videos. You should check him out.
Simple toast
Display a simple notification to the user. Note: Currently the framework does not have any JS library, so to use this component you will need to manually add the markup to your page, remove it after sometime.
<div class="disguised-toast">
<span> Hello there, I am an alert!</span>
</div>
Toast with actions
Display a simple notification to the user. Note: Currently the framework does not have any JS library, so to use this component you will need to manually add the markup to your page, remove it after sometime.
<div class="disguised-toast">
<span> Hello there, I am an advanced alert!</span>
<div class="disguised-toast__actions">
<button class="btn btn--primary">Accept</button>
<button class="btn">Cancel</button>
</div>
</div>