diff --git a/apps/demo/src/locales/en/form.json b/apps/demo/src/locales/en/form.json index af39c8d2..79573d30 100644 --- a/apps/demo/src/locales/en/form.json +++ b/apps/demo/src/locales/en/form.json @@ -52,6 +52,7 @@ "availableDatetime": "Available datetime", "basicInput": "Basic", "bike": "Bike", + "buttonOptions": "Button options", "car": "Car", "checkbox": "Checkbox input", "consequences": "Consequences", diff --git a/apps/demo/src/locales/fr/form.json b/apps/demo/src/locales/fr/form.json index 2528a18e..3ffe898b 100644 --- a/apps/demo/src/locales/fr/form.json +++ b/apps/demo/src/locales/fr/form.json @@ -49,6 +49,7 @@ "availableDatetime": "Available datetime[fr]", "basicInput": "Basic[fr]", "bike": "Bike", + "buttonOptions": "Button options", "car": "Car", "checkbox": "Checkbox input", "consequences": "Consequences", diff --git a/apps/demo/src/views/Form/fileInput/Index.vue b/apps/demo/src/views/Form/fileInput/Index.vue index 7a87c619..6eb2d70a 100644 --- a/apps/demo/src/views/Form/fileInput/Index.vue +++ b/apps/demo/src/views/Form/fileInput/Index.vue @@ -26,6 +26,44 @@ +
+

{{ $t("form.label.buttonOptions") }}

+ +
+ + + + + <template> + <FileInput + button-label="Choose" + button-label-selected="Chose" + :button-props="{ + iconLeft: 'pi pi-file-arrow-up', + severity: 'success', + size: 'small', + variant: 'filled', + }" + /> + </template> + + <script setup lang="ts"> + import { FileInput } from "@dzangolab/vue3-form"; + </script> + + +
+
+

{{ $t("form.label.dropzone") }}