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>
Designed by  Kartik Malik Current version: 1.0.3License: MIT