From 6ba1280d8c4a5f6b04d664b4e7639e438cf0c909 Mon Sep 17 00:00:00 2001
From: den <denis.g@sirius.expert>
Date: Wed, 4 Jun 2025 11:57:36 +0300
Subject: [PATCH 1/2] add ability to override default dropzone placeholder

---
 src/components/FwbFileInput/FwbFileInput.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/FwbFileInput/FwbFileInput.vue b/src/components/FwbFileInput/FwbFileInput.vue
index e28f63a0..b8cc29c5 100644
--- a/src/components/FwbFileInput/FwbFileInput.vue
+++ b/src/components/FwbFileInput/FwbFileInput.vue
@@ -43,8 +43,10 @@
           </svg>
           <div v-if="!model">
             <p :class="dropzoneTextClasses">
-              <span class="font-semibold">Click to upload</span>
-              or drag and drop
+              <slot name="dropzonePlaceholder">
+                <span class="font-semibold">Click to upload</span>
+                or drag and drop
+              </slot>
             </p>
             <slot />
           </div>

From 6574a386ef0249ec33ed7d987ee7d04b3633f624 Mon Sep 17 00:00:00 2001
From: den <denis.g@sirius.expert>
Date: Wed, 4 Jun 2025 12:29:22 +0300
Subject: [PATCH 2/2] add doc example

---
 docs/components/fileInput.md | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/docs/components/fileInput.md b/docs/components/fileInput.md
index f6da82fd..d5a08fa2 100644
--- a/docs/components/fileInput.md
+++ b/docs/components/fileInput.md
@@ -105,3 +105,25 @@ import { FwbFileInput } from 'flowbite-vue'
 const file = ref(null)
 </script>
 ```
+
+## Dropzone with custom placeholder
+
+You can customize the dropzone placeholder text using the `dropzonePlaceholder` slot:
+
+```vue
+<template>
+  <fwb-file-input v-model="file" dropzone>
+    <template #dropzonePlaceholder>
+      <span class="font-semibold">Choose your file</span>
+      or drop it here
+    </template>
+  </fwb-file-input>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { FwbFileInput } from 'flowbite-vue'
+
+const file = ref(null)
+</script>
+```
\ No newline at end of file