feat: add dropdown

2022-07-08 20:36:05 +03:00
parent 4fb027fcb4
commit a5ffeffb82
12 changed files with 228 additions and 29 deletions
--- a/docs/guide/dropdown/dropdown.md
+++ b/docs/guide/dropdown/dropdown.md
@@ -0,0 +1,40 @@
+<script setup>
+import DropdownPlacementExample from './examples/DropdownPlacementExample.vue';
+</script>
+
+# Dropdown
+
+
+## Props - placement
+
+```vue
+<script setup>
+import { Dropdown } from 'flowbite-vue'
+</script>
+<template>
+  <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>
+    <div class="p-2">
+      Padding content
+    </div>
+  </dropdown>
+  <dropdown placement="right" text="Right">
+    <Spinner size="6" class="m-4" />
+  </dropdown>
+  <dropdown placement="left" text="Left">
+    hello world
+  </dropdown>
+</template>
+```
+
+<DropdownPlacementExample />