DropArea This component creates a drop area for uploads. You can drag and drop over the button or click it to load the files. When files are loaded into the component it will emit an event containing all the files. This component will not take care of the actual file upload.
Props Name Description Type Required Default multiple This determines whether the component accepts multiple files or a single file. Booleanfalsefalse light Light theme (style). Booleanfalsefalse dark Dark theme (style). Booleanfalsefalse elevation Elevation shadow (style). Number|String.falseundefined
Events Event Name Description Parameters change Fires when the list of files loaded changes File(opens new window) and info are some custom info about the file. This emits a list of files in the format {info, blob} where the blob is a
Slots Name Description Default Slot Content list-item.before - - list-item - - list-item.preview.before - - list-item.preview - - list-item.preview.after - - list-item.content.before - - list-item.content - - list-item.content.after - - list-item.action.before - - list-item.action - - list-item.action.after - - list-item.after - - actions Slot to provide custom button actions inside the drop area <v-btn @click="clearList" icon><v-icon>mdi-close</v-icon></v-btn>editTitle Slot to provide custom edit card title. Exposes editedItem. <v-img v-if="editedItem.objectURL" max-height="200" contain :src="editedItem.objectURL"></v-img>editContent Slot to provide custom edit card content. Exposes editedItem. <v-container><v-row><v-col cols="12"><v-text-field v-model="editedItem.name" label="File name"></v-text-field></v-col></v-row></v-container>