DragAndDrop
Used by FileElement and MultifileElement as a drag and drop.
Options
Find below the list of options that can use to configure DragAndDrop component. Options can be passed to the component via props.
title
- Type:
string - Required:
true
<DragAndDrop title="Upload file" ... />The title of the drag and drop.
disabled
- Type:
boolean
<DragAndDrop :disabled="true"... />Disables the drag and drop.
description
- Type:
string - Required:
true
<DragAndDrop title="Drop file or click here to upload" ... />The description of the drag and drop.
Properties
All the data, computed and inject properties of the component.
dragging
- Type:
boolean - Default:
falyse - Group:
data
Whether the user is currently dragging a file over the drag and drop area.
area
- Type:
HTMLElement - Default:
null - Group:
data
The DOM element of the drag and drop area.
Size
- Type:
string - Group:
inject
The size of the component.
View
- Type:
string - Group:
computed
The name of the resolved view for the component. This one should be used to determine the component's view in class functions.
template
- Type:
object - Group:
computed
The component's template.
classes
- Type:
object - Group:
computed
The component's classes.
theme
- Type:
object - Group:
inject
The global theme object, which contains all the default templates and classes.
form$
- Type:
Vueform - Group:
inject
The root form's component.
el$
- Type:
VueformElement - Group:
inject
The parent element's component.
Events
Events emitted by the component.
click
Triggered when the drag and drop area is clicked.
drop
- Params:
{Event} event- the drop Event
Triggered when a file is dropped.
