https://github.com/jjv360/js-alert

A simple JavaScript alert manager.
https://github.com/jjv360/js-alert

Last synced: 18 days ago
JSON representation

A simple JavaScript alert manager.

• Host: GitHub
• URL: https://github.com/jjv360/js-alert
• Owner: jjv360
• License: mit
• Created: 2016-06-18T19:26:08.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2023-01-23T13:35:29.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T06:51:47.059Z (7 months ago)
• Language: JavaScript
• Size: 161 KB
• Stars: 15
• Watchers: 3
• Forks: 5
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/status-ready-brightgreen.svg)

[![Build Status](https://travis-ci.org/jjv360/js-alert.svg?branch=master)](https://travis-ci.org/jjv360/js-alert)

# js-alert

A simple JavaScript alert manager.

## Usage examples

``` javascript

// Import as an ESM module

import JSAlert from 'js-alert'

```

``` html

```

``` javascript

// Show a plain alert

JSAlert.alert("This is an alert.");

```

``` javascript

// Show an alert with a title and custom dismiss button

JSAlert.alert("Your files have been saved successfully.", "Files Saved", "Got it");

```

``` javascript

// Show multiple alerts (alerts are automatically queued)

JSAlert.alert("This is the first alert.");

JSAlert.alert("This is the second alert.");

JSAlert.alert("This is the third and final alert.");

```

``` javascript

// Automatically dismiss alert

JSAlert.alert("This will only last 10 seconds").dismissIn(1000 * 10);

```

``` javascript

// Event when dismissed

JSAlert.alert("This one has an event listener!").then(function() {

    console.log("Alert dismissed!");

});

```

``` javascript

// Show a confirm alert

JSAlert.confirm("Are you sure you want to delete this file?").then(function(result) {

    // Check if pressed yes

    if (!result)

        return;

    

    // User pressed yes!

    JSAlert.alert("File deleted!");

});

```

``` javascript

// Create an alert with custom buttons

var alert = new JSAlert("My text", "My title");

alert.addButton("Yes").then(function() {

    console.log("Alert button Yes pressed");

});

alert.addButton("No").then(function() {

    console.log("Alert button No pressed");

});

alert.show();

```

See all tests [here](https://rawgit.com/jjv360/js-alert/master/tests.html).