<dy-drop-area>
A component that creates a designated area where users can drag and drop files. It provides visual feedback during the drag operation and handles file drop events.
Example
Loading...
<dy-drop-area style=${"width: 100%; height: 200px;"}> Drop File To Here </dy-drop-area>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
tip(tip) |
Yes | string |
|
accept(accept) |
Yes | string |
file type |
dropeffect(dropeffect) |
Yes | DataTransfer['dropEffect'] |
|
change |
Emitter<File[]> |
||
ignore |
Emitter<File[]> |
||
nodata |
Emitter<null> |
Other
| Type | Value |
|---|---|
| Event | change, ignore, nodata |
| Slot | unnamed |
| CSS State | allow-drop |