2 files changed, 28 insertions, 0 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index be9f407..7c0c3ff 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -23,6 +23,7 @@ include objects/dialog.pug
 include objects/lightbox.pug
 include objects/list-group.pug
 include objects/table.pug
+include objects/alert.pug
 
 mixin box 
     +container(padX=true padY=true inPage=true)
@@ -702,4 +703,20 @@ html
                             +table-cell= 'Row 4,2'
                             +table-cell= 'Row 4,3'
 
+            //-----------------------------------------
+
+            +h1-heading('xl')= 'Alert'
+            +rule('medium')
+
+            +box
+                +alert= loremIpsum
+                br
+                +alert('primary')= loremIpsum
+                br
+                +alert('error')= loremIpsum
+                br
+                +alert('success')= loremIpsum
+                br
+                +alert('warning')= loremIpsum
+
 
diff --git a/tpl/objects/alert.pug b/tpl/objects/alert.pug
new file mode 100644
index 0000000..4d973eb
--- /dev/null
+++ b/tpl/objects/alert.pug
@@ -0,0 +1,11 @@
+mixin alert(variant)
+    -
+        let classes = {
+            'o-alert': true,
+        }
+        if (variant) {
+            classes['o-alert--' + variant] = true
+        }
+
+    div(class=classes)
+        block