Creating a custom dialogs from scratch is time consuming and you don't want to waste your time just building your own. In this post, I am introducing you to my own package called calerts. I know there was a lot of custom libraries that you can use out there. I recommend calert because it was a lightweight package and no extra dependencies.

Installation

$ npm i calerts

or embed it on html

<script src="https://unpkg.com/calerts"></script>

How to use it?

<button onclick="calert('You clicked')">Try Me</button>
<button onclick="calert('Title','TextHere')">Try me</button>

<!-- With Icon  -->

<button onclick="calert('Success','I am success','success')">Successful</button>
<button onclick="calert('Error Occured','I am error','error')">Error</button>
<button onclick="calert('Maintenance','','warning')">Warning</button>

Try Me Try me

WIth Icon

Successful Error Warning

There was a lot of features that you can do on calerts if you visit the documentation

if you want to learn more just visit the calerts documentation