diff --git a/css/toast.css b/css/toast.css
new file mode 100644
index 0000000..af4e659
--- /dev/null
+++ b/css/toast.css
@@ -0,0 +1,16 @@
+#toast-container {
+    position: sticky;
+    z-index: 1055;
+    top: 0;
+}
+
+#toast-wrapper {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 5px;
+}
+
+.toast {
+    min-width: 150px;
+}
\ No newline at end of file
diff --git a/dist/toast.min.js b/dist/toast.min.js
index afa762a..93d744e 100644
--- a/dist/toast.min.js
+++ b/dist/toast.min.js
@@ -1,3 +1,3 @@
-(function(b){b.toast=function(a,h,g,l,k){b("#toast-container").length||(b("body").prepend('<div id="toast-container" aria-live="polite" aria-atomic="true"></div>'),b("#toast-container").append('<div id="toast-wrapper"></div>'));var c="",d="",e="text-muted",f="",m="object"===typeof a?a.title||"":a||"Notice!";h="object"===typeof a?a.subtitle||"":h||"";g="object"===typeof a?a.content||"":g||"";k="object"===typeof a?a.delay||3E3:k||3E3;switch("object"===typeof a?a.type||"":l||""){case "success":c="bg-success";
-f=e=d="text-white";break;case "info":c="bg-info";f=e=d="text-white";break;case "warning":case "warn":c="bg-warning";f=e=d="text-white";break;case "error":case "danger":c="bg-danger",f=e=d="text-white"}a='<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="'+k+'">'+('<div class="toast-header '+c+" "+d+'">')+('<strong class="mr-auto">'+m+"</strong>");a+='<small class="'+e+'">'+h+"</small>";a+='<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">';
+(function(b){b.toast=function(a,h,g,l,k){b("#toast-container").length||(b("body").prepend('<div id="toast-container" aria-live="polite" aria-atomic="true"></div>'),b("#toast-container").append('<div id="toast-wrapper"></div>'));var c="",d="",e="text-muted",f="",m="object"===typeof a?a.title||"":a||"Notice!";h="object"===typeof a?a.subtitle||"":h||"";g="object"===typeof a?a.content||"":g||"";k="object"===typeof a?a.delay||3E3:k||3E3;switch("object"===typeof a?a.type||"":l||"info"){case "info":c="bg-info";
+f=e=d="text-white";break;case "success":c="bg-success";f=e=d="text-white";break;case "warning":case "warn":c="bg-warning";f=e=d="text-white";break;case "error":case "danger":c="bg-danger",f=e=d="text-white"}a='<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="'+k+'">'+('<div class="toast-header '+c+" "+d+'">')+('<strong class="mr-auto">'+m+"</strong>");a+='<small class="'+e+'">'+h+"</small>";a+='<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">';
 a+='<span aria-hidden="true" class="'+f+'">&times;</span>';a+="</button>";a+="</div>";""!==g&&(a+='<div class="toast-body">',a+=g,a+="</div>");a+="</div>";b("#toast-wrapper").append(a);b("#toast-wrapper .toast:last").toast("show")}})(jQuery);
\ No newline at end of file
diff --git a/js/toast.js b/js/toast.js
new file mode 100644
index 0000000..0a2e8ae
--- /dev/null
+++ b/js/toast.js
@@ -0,0 +1,75 @@
+(function ($) {
+    const TOAST_CONTAINER_HTML = '<div id="toast-container" aria-live="polite" aria-atomic="true"></div>';
+    const TOAST_WRAPPER_HTML = '<div id="toast-wrapper"></div>';
+
+    $.toast = function (opts) {
+        if (!$('#toast-container').length) {
+            $('body').prepend(TOAST_CONTAINER_HTML);
+
+            $('#toast-container').append(TOAST_WRAPPER_HTML);
+        }
+
+        let bg_header_class = '',
+            fg_header_class = '',
+            fg_subtitle = 'text-muted',
+            fg_dismiss = '',
+            title = typeof opts === 'object' ? opts.title || '' : arguments[0] || 'Notice!',
+            subtitle = typeof opts === 'object' ? opts.subtitle || '' : arguments[1] || '',
+            content = typeof opts === 'object' ? opts.content || '' : arguments[2] || '',
+            type = typeof opts === 'object' ? opts.type || '' : arguments[3] || 'info',
+            delay = typeof opts === 'object' ? opts.delay || 3000 : arguments[4] || 3000;
+
+        switch (type) {
+            case 'info':
+                bg_header_class = 'bg-info';
+                fg_header_class = 'text-white';
+                fg_subtitle = 'text-white';
+                fg_dismiss = 'text-white';
+                break;
+
+            case 'success':
+                bg_header_class = 'bg-success';
+                fg_header_class = 'text-white';
+                fg_subtitle = 'text-white';
+                fg_dismiss = 'text-white';
+                break;
+
+            case 'warning':
+            case 'warn':
+                bg_header_class = 'bg-warning';
+                fg_header_class = 'text-white';
+                fg_subtitle = 'text-white';
+                fg_dismiss = 'text-white';
+                break;
+
+            case 'error':
+            case 'danger':
+                bg_header_class = 'bg-danger';
+                fg_header_class = 'text-white';
+                fg_subtitle = 'text-white';
+                fg_dismiss = 'text-white';
+                break;
+        }
+
+        let html = '';
+        html += '<div class="toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="' + delay + '">';
+        html += '<div class="toast-header ' + bg_header_class + ' ' + fg_header_class + '">';
+        html += '<strong class="mr-auto">' + title + '</strong>';
+        html += '<small class="' + fg_subtitle + '">' + subtitle + '</small>';
+        html += '<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">';
+        html += '<span aria-hidden="true" class="' + fg_dismiss + '">&times;</span>';
+        html += '</button>';
+        html += '</div>';
+
+        if (content !== '') {
+            html += '<div class="toast-body">'
+            html += content
+            html += '</div>';
+        }
+
+        html += '</div>';
+
+        $('#toast-wrapper').append(html);
+        $('#toast-wrapper .toast:last').toast('show');
+    }
+}(jQuery));
\ No newline at end of file