feat(dropdown): Add disabled state to be passed through to trigger bu…

…tton

docs/components/dropdown.md

@@ -3,6 +3,7 @@ import FwbDropdownExamplePlacement from './dropdown/examples/FwbDropdownExampleP
 import FwbDropdownExampleAlignment from './dropdown/examples/FwbDropdownExampleAlignment.vue'
 import FwbDropdownExampleListGroup from './dropdown/examples/FwbDropdownExampleListGroup.vue'
 import FwbDropdownExampleColors from './dropdown/examples/FwbDropdownExampleColors.vue'
+import FwbDropdownExampleDisabled from './dropdown/examples/FwbDropdownExampleDisabled.vue'
 import FwbDropdownExampleTrigger from './dropdown/examples/FwbDropdownExampleTrigger.vue'
 import FwbDropdownExampleCloseInside from './dropdown/examples/FwbDropdownExampleCloseInside.vue'
 </script>
@@ -239,6 +240,25 @@ import { FwbDropdown } from 'flowbite-vue'
 </script>
 ```
 
+## Dropdown - Disabled
+Please note that this has to be manually implemented when using a custom trigger (see below)
+
+<fwb-dropdown-example-disabled />
+```vue
+<template>
+  <fwb-dropdown text="Normal state">
+    Access this content by clicking the dropdown's trigger button
+  </fwb-dropdown>
+  <fwb-dropdown text="Disabled state" disabled>
+    You cannot access this content, since the dropdown's trigger button is disabled
+  </fwb-dropdown>
+</template>
+
+<script setup>
+import { FwbDropdown } from 'flowbite-vue'
+</script>
+```
+
 
 ## Dropdown - trigger
 

docs/components/dropdown/examples/FwbDropdownExampleDisabled.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="vp-raw flex gap-2 flex-wrap">
+    <fwb-dropdown
+      text="Normal State"
+    >
+      <div class="w-52">
+        <p class="p-4">
+          Access this content by clicking the dropdown's trigger button
+        </p>
+      </div>
+    </fwb-dropdown>
+    <fwb-dropdown
+      text="Disabled State"
+      disabled
+    >
+      <div class="w-52">
+        <p class="p-4">
+          You cannot access this content, since the dropdown's trigger button is disabled
+        </p>
+      </div>
+    </fwb-dropdown>
+  </div>
+</template>
+
+<script setup>
+import { FwbDropdown } from '../../../../src/index'
+</script>

src/components/FwbDropdown/FwbDropdown.vue

@@ -6,7 +6,7 @@
     <div class="inline-flex items-center">
       <fwb-slot-listener @click="onToggle">
         <slot name="trigger">
-          <fwb-button :color="color">
+          <fwb-button :disabled="disabled" :color="color">
             {{ text }}
             <template #suffix>
               <svg
@@ -66,6 +66,7 @@
     transition?: string
     closeInside?: boolean
     alignToEnd?: boolean
+    disabled?: boolean
   }>(),
   {
     placement: 'bottom',