Split demo in :target views

1 files changed, 29 insertions, 0 deletions

diff --git a/tpl/views/form.pug b/tpl/views/form.pug
new file mode 100644
index 0000000..859e9a6
--- /dev/null
+++ b/tpl/views/form.pug
@@ -0,0 +1,29 @@
+mixin view-form 
+    +view('form', 'Form')
+        .c-box
+            +form(labelsAlign="left")
+                +form-item('Username')
+                    +text-field(placeholder='Example: Volpeon')
+
+                +form-item('Password', 'At least 6 characters, all characters allowed')
+                    +text-field(placeholder='Example: hunter2' type='password')
+
+                +form-item('Bio')
+                    +text-field(placeholder='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam...')
+
+                +form-item('Favorite animal')
+                    +radio(name="form-demo-1" checked=true)= 'Foxes'
+                    +radio(name="form-demo-1")= 'Other'
+
+                +form-item('Notification settings')
+                    +switch= 'In-app notifications'
+                    br
+                    +switch= 'Desktop notifications'
+                    br
+                    +switch= 'Email notifications'
+
+                +form-item('')
+                    +checkbox= 'I\'ve read and accept the terms and conditions'
+
+                +form-item('')
+                    +a-button(variant='primary')= 'Register'