? Notification Service based on Custom Elements

Notification Service

Notification Service provides a simple show/hide message. It is based on CustomeElements and may be integrated with any framework. Push notification works through CustomEvent dispatcher. Notification Service supports all popular browsers, including Internet Explorer 11, although some polyfills are required for IE 11. Please see here .

Installation

npm

npm install notification-service-js

yarn

yarn add notification-service-js

Usage

// As a module
import 'notification-service-js'

// As a <script> tag
<script src="node_modules/notification-service-js/build/notification-service.js"></script>

// Insert web component into the DOM
<notification-service></notification-service>

Push notification

CustomEvent.DISPATCH('WEB_COMP_SHOW_NOTIFICATION', {
    type: 'success', // success, error, warning
    message: 'Your message has been sent',
    timer: 3000 // default 5000, not required
})

Props

cross-img-src

The path to an image (png/svg/jpg) file, which will be used for a cross icon.

<notification-service cross-img-src="../images/cross.svg"></notification-service>

style-src

The path to .css file, which will be pasted after common styles.

<notification-service style-src="build/style.css"></notification-service>

Contributing

Any contributions you make are greatly appreciated .

Please read the Contributions Guidelines before submitting a PR.