2 files changed, 14 insertions, 3 deletions

diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 2a2530f..26b953b 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -10,8 +10,9 @@ mixin dialog(title)
         block ? block() : undefined 
 
         let classes = {
-            'o-dialog':       true,
-            'o-dialog--flat': attributes.flat,
+            'o-dialog':             true,
+            'o-dialog--flat':       attributes.flat,
+            'o-dialog--scrollable': attributes.scrollable,
         }
 
         let headerClass = {
diff --git a/tpl/views/dialog.pug b/tpl/views/dialog.pug
index 6ef06df..5a659dd 100644
--- a/tpl/views/dialog.pug
+++ b/tpl/views/dialog.pug
@@ -8,7 +8,17 @@ mixin view-dialog
 
         .c-box
             +backdrop(pad=true)
-                +dialog('Lorem ipsum')(bodyClass='l-overflow')
+                +dialog('Lorem ipsum')
+                    +slot('body')
+                        p.u-mt-0= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+                        p= loremIpsum
+
+        .c-box
+            +backdrop(pad=true)
+                +dialog('Lorem ipsum')(scrollable=true)
                     +slot('body')
                         p.u-mt-0= loremIpsum
                         p= loremIpsum