Browser Push Notification Style Alert Popup Plugin - jQuery Fake Push

Browser Push Notification Style Alert Popup Plugin - jQuery Fake Push
File Size: 4.2 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

The Fake Push jQuery plugin helps developers to create browser push notification style alert popup displayed in the lower right corner of the page.

How to use it:

1. Include both jQuery JavaScript library and the Fake Push plugin on the page.

<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" 
        crossorigin="anonymous"></script>
<script src="fake-push.min.js"></script>

2. Create a fake push notification popup with custom title, message, and icon.

$.push(

  // title
  'Notification',

  // message
  'I am so Happy!', 

  // icon
  'comment-chart-line.svg'
  
);

3. Apply your own styles to the fake push notification popup.

.fake-push {
  // wrapper styles here
}

.push-image {
  // icon styles here
}

.col-push-text b {
  // title styles here
}

.col-push-text ms {
  // message styles here
}

This awesome jQuery plugin is developed by MwSpaceLLC. For more Advanced Usages, please check the demo page or visit the official website.