feat: add input component

2022-08-03 14:55:16 +03:00
parent 96036c27e8
commit d3921ad9df
18 changed files with 590 additions and 380 deletions
--- a/docs/components/input/examples/InputPrefixExample.vue
+++ b/docs/components/input/examples/InputPrefixExample.vue
@@ -0,0 +1,12 @@
+<template>
+  <div class="vp-raw">
+    <Input placeholder="enter your search query" label="Search">
+      <template #prefix>
+        <svg aria-hidden="true" class="w-5 h-5 text-gray-500 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
+      </template>
+    </Input>
+  </div>
+</template>
+<script lang="ts" setup>
+import { Input } from '../../../../src/index'
+</script>