docs: update ready components pages

2022-07-25 14:22:53 +03:00
parent f70aff0165
commit 6117a0ffaf
82 changed files with 100 additions and 35 deletions
--- a/docs/components/dropdown/examples/DropdownPlacementExample.vue
+++ b/docs/components/dropdown/examples/DropdownPlacementExample.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
+    <dropdown placement="bottom" text="Bottom">
+      Any content here
+    </dropdown>
+    <dropdown placement="top">
+      <template #trigger="{ toggle }">
+        <Button @click="toggle">
+          Top
+          <template #suffix>
+            <svg class="w-4 h-4 ml-2" 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="M19 9l-7 7-7-7"></path></svg>
+          </template>
+        </Button>
+      </template>
+      content
+    </dropdown>
+    <dropdown placement="right" text="Right">
+      <Spinner size="6" class="m-4" />
+    </dropdown>
+    <dropdown placement="left" text="Left">
+      hello world
+    </dropdown>
+  </div>
+</template>
+<script setup>
+import { Dropdown, Spinner, Button } from '../../../../src/index'
+</script>