Skip to content

CosmogicOfficial/QuantumAlert

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

QuantumAlert

A Powerful , Elegant and fully customizable "alert" library using JavaScript that replaces that boring style of alert.

A success modal

Installation

  1. Place the below script tag under the head section in your HTML webpage.
For White Dark and DarkBlue Theme
<script src="https://cdn.jsdelivr.net/gh/cosmogicofficial/quantumalert@latest/minfile/quantumalert.js" charset="utf-8"></script>

  1. Add the 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.

Usage

For alert with success icon.

Qual.success("Hello Heading", "Helllo content");

Documentation

Examples

An error message:
Qual.error("Oops!", "Something went wrong!", err);
A Simple message:
Qual.sw("Hello Cosmogic!");
A Simple message alert box with Heading:
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",
);

A prompt modal, with an 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"
);

Contributing

If you're changing the core library:

  1. Move to the Javascript folder in the root directory.
  2. Make changes in the JavaScript and Css file quantumalert.js ,quantumalert.css.
  3. Submit pull request.

Built with ❤️ using Pure and

Follow us on



Contributors

You can contribute also if you wish to do so. [Contribute]