Upgrade to 1.10.0

README.md

@@ -21,6 +21,15 @@ yarn add purejs-notify
 
 Main CSS class used for styling.
 
+### additionalClasses
+
+* Type: String
+* Default: ''
+
+Additional CSS classes used for styling. Are added to the root element of each notification.
+
+Example classes for styling: `class-1 class-2 class-3`.
+
 ### duration
 
 * Type: Number
@@ -79,13 +88,15 @@ By default, only basic styles and padding are set, without affecting the differe
 ```javascript
 // app/config/notify.js
 import { init } from 'purejs-notify';
+
 // Include the core styling file
 import 'purejs-notify/style.min.css';
 
 init({
+  class: 'my-notify',
+  additionalClasses: 'class-1 class-2 class-3',
+  duration: 5000,
   state: {
-    class: 'my-notify',
-    duration: 5000,
     success: 'success',
     info: 'info',
     warning: 'warning',

notify.js

@@ -41,8 +41,9 @@ class Notify {
   render({ message, state, icon }) {
     const newMessages = document.createElement('div');
     const notifyClass = this.options.class;
+    const additionalClasses = this.options.additionalClasses.split(' ').filter(Boolean);
 
-    newMessages.classList.add(notifyClass);
+    newMessages.classList.add(notifyClass, ...additionalClasses);
 
     if (state) {
       newMessages.classList.add(`${notifyClass}--${state}`);
@@ -81,6 +82,7 @@ let $error = () => {};
 const init = options => {
   const notify = new Notify({
     class: options?.class || 'notify',
+    additionalClasses: options?.additionalClasses || '',
     duration: options?.duration || 6000,
   });
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "purejs-notify",
   "author": "Aleksey Magner",
-  "version": "1.9.3",
+  "version": "1.10.0",
   "description": "Lightweight pure JS notify plugin.",
   "license": "MIT",
   "main": "dist/notify.min.js",