Add extraClasses option (#202)

* Add extraClasses option * Bump minor version number * Fix typo in variable
rfoel · Aug 25, 2021 · 188058a · 188058a
1 parent a3a0a75
commit 188058a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 4 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -15,6 +15,7 @@ export interface Options {
   opacity?: number;
   animate?: ToastAnimation;
   appendTo?: Node;
+  extraClasses?: string;
 }
 
 export type ToastType = 'is-primary'

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bulma-toast",
-  "version": "2.3.1",
+  "version": "2.4.1",
   "description": "Bulma's pure JavaScript extension to display toasts",
   "main": "dist/bulma-toast.cjs.js",
   "module": "dist/bulma-toast.esm.js",

diff --git a/src/index.js b/src/index.js
@@ -8,6 +8,7 @@ const baseConfig = {
   offsetBottom: 0,
   offsetLeft: 0,
   offsetRight: 0,
+  extraClasses: '',
 }
 let defaults = { ...baseConfig }
 let containers = {}
@@ -128,9 +129,10 @@ class Toast {
     this.offsetBottom = options.offsetBottom
     this.offsetLeft = options.offsetLeft
     this.offsetRight = options.offsetRight
+    this.extraClasses = options.extraClasses
 
     let style = `width:auto;pointer-events:auto;display:inline-flex;white-space:pre-wrap;opacity:${this.opacity};`
-    const classes = ['notification']
+    const classes = ['notification', this.extraClasses]
     if (this.type) classes.push(this.type)
     if (this.animate && this.animate.in) {
       const animateInClass = `animate__${this.animate.in}`