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/field-label.pug | 58 +++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 tpl/views/field-label.pug

(limited to 'tpl/views/field-label.pug')

diff --git a/tpl/views/field-label.pug b/tpl/views/field-label.pug
new file mode 100644
index 0000000..37ffb1a
--- /dev/null
+++ b/tpl/views/field-label.pug
@@ -0,0 +1,58 @@
+mixin view-field-label 
+    +view('field-label', 'Field label')
+        .c-box
+            +field-label('First name')
+                +text-field(placeholder='Placeholder')
+            br
+            +field-label('Password', 'At least 6 characters required')
+                +text-field(placeholder='Placeholder' type='password')
+            br
+            +field-label('Password', 'At least 6 characters required')(invalid=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true)
+            br
+            +field-label('First name')(disabled=true)
+                +text-field(placeholder='Placeholder' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(disabled=true)
+                +text-field(placeholder='Placeholder' type='password' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(invalid=true disabled=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)
+
+        .c-box
+            +field-label('First name')(align='left' labelWidth='100px')
+                +text-field(placeholder='Placeholder')
+            br
+            +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px')
+                +text-field(placeholder='Placeholder' type='password')
+            br
+            +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' invalid=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true)
+            br
+            +field-label('First name')(align='left' labelWidth='100px' disabled=true)
+                +text-field(placeholder='Placeholder' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' disabled=true)
+                +text-field(placeholder='Placeholder' type='password' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(align='left' labelWidth='100px' invalid=true disabled=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)
+
+        .c-box
+            +field-label('First name')(align='right' labelWidth='100px')
+                +text-field(placeholder='Placeholder')
+            br
+            +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px')
+                +text-field(placeholder='Placeholder' type='password')
+            br
+            +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' invalid=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true)
+            br
+            +field-label('First name')(align='right' labelWidth='100px' disabled=true)
+                +text-field(placeholder='Placeholder' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' disabled=true)
+                +text-field(placeholder='Placeholder' type='password' disabled=true)
+            br
+            +field-label('Password', 'At least 6 characters required')(align='right' labelWidth='100px' invalid=true disabled=true)
+                +text-field(placeholder='Placeholder' type='password' invalid=true disabled=true)
-- 
cgit v1.2.3-54-g00ecf