Merge pull request #5 from rndevfx/custom-classes

add support for custom classes

Author: apvarun

README.md

@@ -77,6 +77,20 @@ Toastify({
 
 + See the [changelog](https://github.com/apvarun/toastify-js/blob/master/CHANGELOG.md)
 
+### Add own custom classes
+
+If you want to use custom classes (like info or warning for example) you can do that via
+
+```javascript
+Toastify({
+    text: "This is a toast",
+    backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
+    classes: "info"
+}).showToast();
+
+```
+
+
 ## Browsers support
 
 | [<img src="https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/edge.png" alt="IE / Edge" width="16px" height="16px" />](http://godban.github.io/browsers-support-badges/)<br />IE / Edge | [<img src="https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/firefox.png" alt="Firefox" width="16px" height="16px" />](http://godban.github.io/browsers-support-badges/)<br />Firefox | [<img src="https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/chrome.png" alt="Chrome" width="16px" height="16px" />](http://godban.github.io/browsers-support-badges/)<br />Chrome | [<img src="https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/safari.png" alt="Safari" width="16px" height="16px" />](http://godban.github.io/browsers-support-badges/)<br />Safari | [<img src="https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/opera.png" alt="Opera" width="16px" height="16px" />](http://godban.github.io/browsers-support-badges/)<br />Opera |

src/toastify.js

@@ -54,6 +54,7 @@
             this.options.positionLeft = options.positionLeft || false; // toast position - left or right
             this.options.backgroundColor = options.backgroundColor || "linear-gradient(135deg, #73a5ff, #5477f5)"; // toast position - left or right
             this.options.avatar = options.avatar || ""; // toast position - left or right
+            this.options.classes = options.classes || ""; // additional classes for the toast
 
             // Returning the current object for chaining functions
             return this;
@@ -69,7 +70,7 @@
 
             // Creating the DOM object
             var divElement = document.createElement("div");
-            divElement.className = 'toastify on';
+            divElement.className = 'toastify on ' + this.options.classes;
 
             // Positioning toast to left or right
             if (this.options.positionLeft === true) {