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.