Minimal Customizable Alert/Confirm Dialog Plugin – roar.js

Category: Image | June 10, 2018
Author: wolffe
Views Total: 97 views
Official Page: Go to website
Last Update: June 10, 2018
License: MIT


Minimal Customizable Alert/Confirm Dialog Plugin – roar.js


roar.js is a lightweight, responsive, accessible JavaScript dialog plugin to create custom alert and confirmation popup boxes on the web app.

How to use it:

Import the stylesheet ‘roar.min.css’ and JavaScript ‘roar.min.js’ into the document.

<link rel="stylesheet" href="dist/roar.min.css">
<script src="dist/roar.min.js"></script>

Create a default alert dialog.

roar('Alert Title', 'Alert Message Here');

Create a confirmation dialog with confirm/cancel callbacks.

roar('Confirm Title', 'Confirm Message Here',{

  // shows cancel button
  cancel: true,

  // cancel text
  cancelText: 'cancel',

  // cancel callback
  cancelCallBack: function (event) {

  // shows confirm button
  confirm: true,

  // confirm text
  confirmText: 'confirm',

  // confirm callback
  confirmCallBack: function (event) {

You Might Be Interested In:

Leave a Reply