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

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

diff --git a/tpl/views/text-field.pug b/tpl/views/text-field.pug
new file mode 100644
index 0000000..0ba84be
--- /dev/null
+++ b/tpl/views/text-field.pug
@@ -0,0 +1,22 @@
+mixin view-text-field 
+    +view('text-field', 'Text field')
+        .c-box
+            div(style={ display: 'flex', gap: '1rem' })
+                +text-field(placeholder='Placeholder')
+                +text-field(value='Just landed in L.A.')
+                +text-field(value='Readonly' readonly=true)
+                +text-field(value='Incorrect input' pattern='a+' required=true)
+            br
+            div(style={ display: 'flex', gap: '1rem' })
+                +text-field(placeholder='Placeholder' disabled=true)
+                +text-field(value='Just landed in L.A.' disabled=true)
+                +text-field(value='Readonly' readonly=true disabled=true)
+                +text-field(value='Incorrect input' pattern='a+' required=true disabled=true)
+            br
+            div
+                +text-field(placeholder='Just landed in L.A.')
+                    +slot('pre')
+                        +action-button(quiet=true selected=true class='l-card__block')= 'Volpeon'
+                    +slot('post')
+                        +action-button(quiet=true icon='smile' class='l-card__block')
+                        +action-button(quiet=true icon='send' class='l-card__block')
-- 
cgit v1.2.3-54-g00ecf