Slider & Text Input (#12)

* WIP Slider

* Text Input component

* Finalized

* Finishing touches

* remove styles

* Fix sizes and colors

* Fix text input being too restrictive

* Fix enter being ignored

* Fixed duplicate export

docs/.vitepress/config.js

@@ -28,6 +28,8 @@ export default {
           { text: 'Pagination', link: '/components/pagination' },
           { text: 'Animated Logo', link: '/components/animated-logo' },
           { text: 'Text Logo', link: '/components/text-logo' },
+          { text: 'Slider', link: '/components/slider' },
+          { text: 'Text Inputs', link: '/components/text-inputs' },
         ],
       },
     ],

docs/components/slider.md

@@ -0,0 +1,9 @@
+# Slider
+
+<DemoContainer>
+  <Slider :min="1000" :max="10000" :step="1000"/>
+</DemoContainer>
+
+```vue
+<Slider :min="1000" :max="10000" :step="1000"/>
+```

docs/components/text-inputs.md

@@ -0,0 +1,34 @@
+# Text Inputs
+<DemoContainer>
+<input
+    type="text"
+    placeholder="Text input"
+/>
+</DemoContainer>
+
+```vue
+<input
+    type="text"
+    placeholder="Text input"
+/>
+```
+
+<DemoContainer>
+<div class="iconified-input">
+  <SearchIcon/>
+  <input
+      type="text"
+      placeholder="Text input"
+  />
+</div>
+</DemoContainer>
+
+```vue
+<div class="iconified-input">
+  <SearchIcon/>
+  <input
+    type="text"
+    placeholder="Text input"
+  />
+</div>
+```