Skip to content

Commit 6574a38

Browse files
author
den
committed
add doc example
1 parent 6ba1280 commit 6574a38

File tree

1 file changed

+22
-0
lines changed

1 file changed

+22
-0
lines changed

docs/components/fileInput.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -105,3 +105,25 @@ import { FwbFileInput } from 'flowbite-vue'
105105
const file = ref(null)
106106
</script>
107107
```
108+
109+
## Dropzone with custom placeholder
110+
111+
You can customize the dropzone placeholder text using the `dropzonePlaceholder` slot:
112+
113+
```vue
114+
<template>
115+
<fwb-file-input v-model="file" dropzone>
116+
<template #dropzonePlaceholder>
117+
<span class="font-semibold">Choose your file</span>
118+
or drop it here
119+
</template>
120+
</fwb-file-input>
121+
</template>
122+
123+
<script setup>
124+
import { ref } from 'vue'
125+
import { FwbFileInput } from 'flowbite-vue'
126+
127+
const file = ref(null)
128+
</script>
129+
```

0 commit comments

Comments
 (0)