tpl/views/overflow-button.pug


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

mixin view-overflow-button 
    +view('overflow-button', 'Overflow button')
        .c-box
            +overflow-button(icon='trash')= '123'
            = ' '
            +overflow-button(icon='trash' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='red')= '123'
            = ' '
            +overflow-button(icon='trash' variant='red' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='red' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='red' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='blue')= '123'
            = ' '
            +overflow-button(icon='trash' variant='blue' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='blue' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='blue' selected=true disabled=true)= 'Selected + disabled'

        .c-box
            +overflow-button(icon='trash' variant='green')= '123'
            = ' '
            +overflow-button(icon='trash' variant='green' selected=true)= 'Delete'
            = ' '
            +overflow-button(icon='trash' variant='green' disabled=true)= 'Disabled'
            = ' '
            +overflow-button(icon='trash' variant='green' selected=true disabled=true)= 'Selected + disabled'