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