https://github.com/lipis/bootstrap-sweetalert

:cake: A beautiful "replacement" for JavaScript's alert ⛺
https://github.com/lipis/bootstrap-sweetalert

Last synced: about 1 month ago
JSON representation

:cake: A beautiful "replacement" for JavaScript's alert ⛺

• Host: GitHub
• URL: https://github.com/lipis/bootstrap-sweetalert
• Owner: lipis
• License: mit
• Fork: true (t4t5/sweetalert)
• Created: 2014-10-12T16:26:44.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2018-12-08T00:19:03.000Z (almost 6 years ago)
• Last Synced: 2024-09-25T23:05:53.170Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://lipis.github.io/bootstrap-sweetalert/
• Size: 1.4 MB
• Stars: 2,101
• Watchers: 83
• Forks: 503
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> If you are looking for the non-Bootstrap version refer to the original

> [SweetAlert project](https://github.com/t4t5/sweetalert).

# SweetAlert for Bootstrap

[![npm version](https://badge.fury.io/js/bootstrap-sweetalert.svg)](https://badge.fury.io/js/bootstrap-sweetalert)

[![Bower version](https://badge.fury.io/bo/bootstrap-sweetalert.svg)](https://badge.fury.io/bo/bootstrap-sweetalert)

[![Code Shelter](https://www.codeshelter.co/static/badges/badge-flat.svg)](https://www.codeshelter.co/)

An awesome _replacement_ for JavaScript's `alert()` made for Bootstrap.

## Usage

On how to use these alerts, read the docs from the original

[SweetAlert](http://t4t5.github.io/sweetalert) project.

The main difference here is that instead of using the `confirmButtonColor` you

should use the `confirmButtonClass`. It can take any of the default Bootstrap

classes for buttons like: `btn-danger`, `btn-success`, etc. The rest of the API

remains exactly the same.

Also if you are using Less in your project, then instead of including the

`*.css` files include the

[`sweet-alert.less`](https://github.com/lipis/bootstrap-sweetalert/blob/master/lib/sweet-alert.less)

in your building process. That way it will use the Bootstrap's variables to

match your theme perfectly.

## Development

```shell

$ npm install

$ grunt

```

### Run tests

```shell

$ npm install

$ bower install

$ grunt test

```