1 files changed, 32 insertions, 2 deletions

diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
index 6aaead5..0b6f8e7 100644
--- a/tpl/views/dialog.pug
+++ b/tpl/views/dialog.pug
@@ -18,10 +18,40 @@ mixin view-dialog
 
         .c-box
             +backdrop
-                +dialog('Lorem ipsum')(noRule=true)
+                +dialog('Tags')
+                    +slot('sidebar-header')
+                        +div-heading('sm')(class='o-dialog__label')= '#channel'
+                    +slot('sidebar')
+                        +menu(style={ 'min-width': '10em' })
+                            +menu-item(icon='bookmark')= 'Bookmark'
+                            +menu-item(icon='tags', selected=true)= 'Tags'
+                            +menu-item(icon='hash')= 'achannel'
+                    +slot('body')
+                        p.u-mt-0= loremIpsum
+
+        .c-box
+            +backdrop
+                +dialog('#channel')
+                    +slot('sidebar')
+                        +menu(style={ 'min-width': '10em' })
+                            +menu-item(icon='bookmark')= 'Bookmark'
+                            +menu-item(icon='tags', selected=true)= 'Tags'
+                            +menu-item(icon='hash')= 'achannel'
+                    +slot('body')
+                        p.u-mt-0= loremIpsum
+
+        .c-box
+            +backdrop
+                +dialog
+                    +slot('header')
+                        .l-card.l-card--flush
+                            .l-card__block.l-flex
+                                +action-button(quiet=true icon='chevron-left')
+                                +action-button(quiet=true icon='chevron-right')
+                            .l-card__block.l-card__block--main
+                                +div-heading('sm')= 'Tags'
                     +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'