DEV Community

riversun
riversun

Posted on

An easy way to display a toast with JavaScript

#javascript #frontend 
<!DOCTYPE html>
<html>
<body>
<script src="https://riversun.github.io/jsframe/jsframe.js"></script>
<script>
    const jsFrame = new JSFrame();
    jsFrame.showToast({
        html: 'This is a simple toast', align: 'top', duration: 2000
    });
</script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

toast

Here is a simple demo.

And also you can customize like this.

For more details,check library on github.

Top comments (0)

Read next

arindam_1729 profile image

Building a Kanban Board with Next.js,Vercel AI and Tolgee

Arindam Majumder -

usluer profile image

Building a High-Performance Cache Manager in Node.js with TypeScript and ioredis

... -

anwarhossain1 profile image

Why Strong DSA Knowledge is Essential for Software Engineers

Anwar Hossain -

amaresh_adak profile image

Creating a Dynamic Product Showcase Carousel with React and Tailwind CSS

Amaresh Adak -