Home Javascript A Simple and Elegant Javascript Library To Display Sweet Notifications

A Simple and Elegant Javascript Library To Display Sweet Notifications

Javascript webcodeflow · July 28, 2022 · Comments off

sweet-notifications is a lightweight JavaScript library to create a sweet and consistent notification popup/toast on the page.

how to use sweet alert in javascript, sweetalert html not working, sweetalert js, sweet alert using jquery

How to make use of it:

Importing the stylesheet ‘notify.css’ and JavaScript ‘notify.js’ into the page.

<link rel="stylesheet" href="notify.css">
<script src="notify.js"></script>

Create an error notification that automatically posed after 5 seconds.

window.notificationService.notify({
  // title
  title: 'Error!',
  // notification message
  text: 'Data failed to save',
  // 'success', 'warning', 'error'
  type: 'error',
  // 'top-right', 'bottom-right', 'top-left', 'bottom-left'
  position: 'top-left',
  // auto close
  autoClose: true,
  // 5 seconds
  duration: 5000,
  // shows close button
  showRemoveButton: true
  
})

sweet flat notification javascript, sweet-notifications Plugin/Github