Component Listing

TOAST

This component can be used for toast or snackbar component. Toast is mostly used to show feedback message. Snackbar is to used show message that need user action
To use this toast component in your project import the below stylesheet.


@import url("https://oxygen-ui-component-library.netlify.app/components/toast/toast.css")

Simple Toast

This component consists of a description and a close icon.

Can't send photo. Retry in 5 seconds.


<div class="toast flex-row justify-content-between">
    <div class="descr">
        <p>Can't send photo. Retry in 5 seconds.</p>
    </div>
    <div class="toast-buttons">
        <button><i class="toast-close close-icon fas fa-times"></i></button>
    </div>
</div>