Split demo in :target views

1 files changed, 29 insertions, 0 deletions

diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
new file mode 100644
index 0000000..6aaead5
--- /dev/null
+++ b/tpl/views/dialog.pug
@@ -0,0 +1,29 @@
+mixin view-dialog 
+    +view('dialog', 'Dialog')
+        .c-box
+            +backdrop
+                +dialog('Lorem ipsum')
+                    +slot('body')
+                        = loremIpsum
+
+        .c-box
+            +backdrop
+                +dialog('Lorem ipsum')(bodyClass='l-overflow')
+                    +slot('body')
+                        p.u-mt-0= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+
+        .c-box
+            +backdrop
+                +dialog('Lorem ipsum')(noRule=true)
+                    +slot('sidebar')
+                        +menu(style={ 'min-width': '10em' })
+                            +menu-header= '#channel'
+                            +menu-item(icon='bookmark')= 'Bookmark'
+                            +menu-item(icon='tags', selected=true)= 'Tags'
+                            +menu-item(icon='hash')= 'achannel'
+                    +slot('body')
+                        p.u-mt-0= loremIpsum