File dropzone

A drag and drop area for uploading files.

Usage

import { RFileDropzone } from '@rebilly/revel';

<r-file-dropzone v-model="files" accept="image/*" multiple />;

file-dropzone-single.vue

file-dropzone-multiple.vue

file-dropzone-gallery.vue

file-dropzone-with-uploaded-files.vue

file-dropzone-restrictions.vue

file-dropzone-disabled.vue

Use slot to create a custom dropzone content.

file-dropzone-with-slot.vue

file-dropzone-without-preview.vue

Name	Type	Default	Description
modelValue	union, RevelFile, Array		Model value
multiple	boolean	false	Allows the user to select more than one file
accept	string	''	String that defines the file format which the dropzone should accept (comma-separated e.g. "image/*,application/pdf,.docx")
disabled	boolean	false	Disables the upload action
previewType	PreviewType	'list'	Hides selected file preview
hidePreview	boolean	false	Hides selected file preview
maxFileSize	union, number, undefined	undefined	Maximum file size in MB. Files larger than this will be omitted when dropped.

Name	Description
default

Name	Description
update:modelValue