A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert.
Installation
- Place the below script tag under the head section in your HTML webpage.
White
Dark
and DarkBlue
Theme
For <script src="https://cdn.jsdelivr.net/gh/cosmogicofficial/quantumalert@latest/minfile/quantumalert.js" charset="utf-8"></script>
- Add the
defer
andsync
keyword in the script tag of javascript file in which you want to useQuantumAlert
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.
Usage
For alert with success
icon.
Qual.success("Hello Heading", "Helllo content");
Documentation
Examples
error
message:
An Qual.error("Oops!", "Something went wrong!", err);
Simple
message:
A Qual.sw("Hello Cosmogic!");
Simple
message alert box with Heading
:
A 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 :
A customizable 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
:
A prompt modal, with an 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"
);
Contributing
If you're changing the core library:
- Move to the
Javascript
folder in the root directory. - Make changes in the JavaScript and Css file
quantumalert.js
,quantumalert.css
. - Submit pull request.
❤️
using Pure and
Built with Follow us on
Contributors
You can contribute also if you wish to do so. [Contribute]