A Powerful and Elegant "alert" library for JavaScript that replaces that boring alert style of Javascript.
A Powerful , Elegant and fully customizable “alert” library using JavaScript that replaces that boring style of alert.
White
Dark
and DarkBlue
Theme
<script src="https://cdn.jsdelivr.net/gh/cosmogicofficial/quantumalert@latest/minfile/quantumalert.js" charset="utf-8"></script>
defer
and sync
keyword in the script tag of javascript file in which you want to use QuantumAlert
library. It improves the performance of library and your webpage.For Example
<script src="example.js" charset="utf-8" defer async></script>
Here replace the example.js
with the name of your Javascript
file in which you want to use the library.
For alert with success
icon.
Qual.success("Hello Heading", "Helllo content");
error
message:
Qual.error("Oops!", "Something went wrong!", err);
Simple
message:
Qual.sw("Hello Cosmogic!");
Simple
message alert box with Heading
:
Qual.swh("Hello Cosmogic", "We are here to make coding fun!");
confimation
alert box where you can changeicon
and also attach a function to the buttons :
Qual.confirm(
"Submitted Successfully",
"Your File has been uploaded successfully",
war,
"Ok",
"Cancel",
"hello",
"max",
);
input field
where user can enter text
,password
or number
:
Qual.confirm(
"Are you sure you want to continue",
"Click Ok button to continue and Cancel to Close",
succ,
"OK",
"Cancel",
"yes_btn_fun",
"no_btn_fun",
"text",
"Enter your age in this field"
);
Javascript
folder in the root directory.quantumalert.js
,quantumalert.css
.You can contribute also if you wish to do so.
[Contribute]