Split demo in :target views

1 files changed, 22 insertions, 0 deletions

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')