From 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 25 Mar 2022 18:29:21 +0100
Subject: Split demo in :target views

---
 tpl/views/action-button.pug | 55 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 tpl/views/action-button.pug

(limited to 'tpl/views/action-button.pug')

diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug
new file mode 100644
index 0000000..7bffe72
--- /dev/null
+++ b/tpl/views/action-button.pug
@@ -0,0 +1,55 @@
+mixin view-action-button 
+    +view('action-button', 'Action button')
+        .c-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)
+
+        .c-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)
-- 
cgit v1.2.3-70-g09d2