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:
component - 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:
component - Group:
inject
The root form's component.
el$ ​
- Type:
component - 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.
