1 files changed, 21 insertions, 7 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 623a513..98aec2e 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -533,16 +533,30 @@ html
             +box
                 +backdrop
                     +dialog('Lorem ipsum')
-                        = loremIpsum
+                        +slot('body')
+                            = loremIpsum
 
             +box
                 +backdrop
-                    +dialog('Lorem ipsum')
-                        p.u-mt-0= loremIpsum
-                        p= loremIpsum
-                        p= loremIpsum
-                        p= loremIpsum
-                        p= loremIpsum
+                    +dialog('Lorem ipsum')(bodyClass='l-overflow')
+                        +slot('body')
+                            p.u-mt-0= loremIpsum
+                            p= loremIpsum
+                            p= loremIpsum
+                            p= loremIpsum
+                            p= loremIpsum
+
+            +box
+                +backdrop
+                    +dialog('Lorem ipsum')(noRule=true)
+                        +slot('sidebar')
+                            +menu(style={ 'min-width': '10em' })
+                                +menu-header= '#channel'
+                                +menu-item(icon='bookmark', selected=true)= 'Bookmark'
+                                +menu-item(icon='tags')= 'Tags'
+                        +slot('body')
+                            p.u-mt-0= loremIpsum
+
 
             //-----------------------------------------