diff --git a/Resources/assets/components/Form/SvFile.vue b/Resources/assets/components/Form/SvFile.vue
new file mode 100644
index 0000000..600a3d5
--- /dev/null
+++ b/Resources/assets/components/Form/SvFile.vue
@@ -0,0 +1,19 @@
+<template>
+    <v-file-input v-model="form.vars.data" v-bind="Object.assign(attributes, $attrs)">
+        <!-- Pass on all slots -->
+        <slot v-if="namedSlots" v-for="slot in Object.keys(namedSlots)" :name="slot" :slot="slot"/>
+        <template v-for="slot in Object.keys(scopedSlots)" :slot="slot" slot-scope="scope">
+            <slot :name="slot" v-bind="scope"/>
+        </template>
+    </v-file-input>
+</template>
+
+<script lang="ts">
+    import {Component, Mixins} from 'vue-property-decorator';
+    import FormWidgetMixin from '@k3ssen/symfony-vuetified/components/Form/FormWidgetMixin';
+
+    @Component
+    export default class SvFile extends Mixins(FormWidgetMixin) {
+
+    }
+</script>
\ No newline at end of file
diff --git a/Resources/assets/globalComponents.js b/Resources/assets/globalComponents.js
index f5d9b8c..ee36f4f 100644
--- a/Resources/assets/globalComponents.js
+++ b/Resources/assets/globalComponents.js
@@ -26,6 +26,7 @@ Vue.component('SvRange', () => import('./components/Form/SvRange'));
 Vue.component('SvSwitch', () => import('./components/Form/SvSwitch'));
 Vue.component('SvTextarea', () => import('./components/Form/SvTextarea'));
 Vue.component('SvText', () => import('./components/Form/SvText'));
+Vue.component('SvFile', () => import('./components/Form/SvFile'));
 
 // Other components
 Vue.component('SvApp', () => import('./components/SvApp'));