FormFileDropzone

Drag and drop plus a button, with accept, size and count limits, previews and errors.

import { FormFileDropzone } from '@zairakai/vue-components/Form'

Usage

<FormFileDropzone />

Props

Name	Type	Default	Description
id	string
class	string
modelValue	array	undefined	The files, as an array of File.
accept	string		What is accepted: ".pdf,image/*".
multiple	boolean	true
maxSize	number		Bytes.
maxFiles	number
label	string	'Drop files here or'
browseLabel	string	'browse'
removeLabel	string	'Remove'
name	string
form	string
required	boolean	false
disabled	boolean	false
previews	boolean	true	Show a preview of the images.

Events

Name	Description
update:modelValue
reject

Slots

Name	Description
default
help

See Theming for the class hooks and the data-* state of the components.