Toast Component

Toast

Toasts provide brief notifications. The component is also known as a snackbar. Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen.

They shouldn't interrupt the user experience, and they don't require user input to disappear. Toasts contain a single line of text directly related to the operation performed. They may contain a text action, but no icons. You can use them to display notifications.

Below is the toast component you can reuse.

1. Basic Rating:

Can't send photo. Retry in 5 seconds.RETRY

            
                <div class="toast-div toast-div-position">
                    <small>Can't send photo. Retry in 5 seconds.<span>RETRY</span></small>
                </div>

Components

Toast