1 files changed, 61 insertions, 0 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index 6971faa..2980016 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -12,6 +12,7 @@ include objects/radio.pug
 include objects/checkbox.pug
 include objects/switch.pug
 include objects/form.pug
+include objects/action-button.pug
 
 mixin box 
     +container(padX=true padY=true inPage=true theme="raised")
@@ -302,3 +303,63 @@ html
 
                     +form-item('')
                         +a-button(variant='primary')= 'Register'
+
+            //-----------------------------------------
+
+            +h1-heading(level='xl')= 'Action button'
+            +rule(level='medium')
+
+            +box
+                +action-button= 'Idle'
+                = ' '
+                +action-button(selected=true)= 'Selected'
+                = ' '
+                +action-button(disabled=true)= 'Disabled'
+                = ' '
+                +action-button(selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
+                +action-button(icon='trash')= 'Idle'
+                = ' '
+                +action-button(icon='trash' selected=true)= 'Selected'
+                = ' '
+                +action-button(icon='trash' disabled=true)= 'Disabled'
+                = ' '
+                +action-button(icon='trash' selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
+                +action-button(icon='trash')
+                = ' '
+                +action-button(icon='trash' selected=true)
+                = ' '
+                +action-button(icon='trash' disabled=true)
+                = ' '
+                +action-button(icon='trash' selected=true disabled=true)
+
+            +box
+                +action-button(quiet=true )= 'Idle'
+                = ' '
+                +action-button(quiet=true selected=true)= 'Selected'
+                = ' '
+                +action-button(quiet=true disabled=true)= 'Disabled'
+                = ' '
+                +action-button(quiet=true selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
+                +action-button(quiet=true icon='trash')= 'Idle'
+                = ' '
+                +action-button(quiet=true icon='trash' selected=true)= 'Selected'
+                = ' '
+                +action-button(quiet=true icon='trash' disabled=true)= 'Disabled'
+                = ' '
+                +action-button(quiet=true icon='trash' selected=true disabled=true)= 'Selected + disabled'
+                br
+                br
+                +action-button(quiet=true icon='trash')
+                = ' '
+                +action-button(quiet=true icon='trash' selected=true)
+                = ' '
+                +action-button(quiet=true icon='trash' disabled=true)
+                = ' '
+                +action-button(quiet=true icon='trash' selected=true disabled=true)
+