A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert.
- Place the below script tag under the head section in your HTML webpage.
<script src="https://cdn.jsdelivr.net/gh/cosmogicofficial/quantumalert@latest/minfile/quantumalert.js" charset="utf-8"></script>- Add the
deferandsynckeyword in the script tag of javascript file in which you want to useQuantumAlertlibrary. 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");Qual.error("Oops!", "Something went wrong!", err);Qual.sw("Hello Cosmogic!");Qual.swh("Hello Cosmogic", "We are here to make coding fun!");A customizable 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",
);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"
);- Move to the
Javascriptfolder in the root directory. - Make changes in the JavaScript and Css file
quantumalert.js,quantumalert.css. - Submit pull request.
You can contribute also if you wish to do so.
[Contribute]