1.0 KiB
1.0 KiB
DragAndDrop
Drag And Drop component can be used as Dropzone
See documentation: https://github.com/react-dropzone/react-dropzone
import DragAndDrop from "@appserver/components/drag-and-drop";
<DragAndDrop onDrop={onDrop} style={width: 200, height: 200, border: "5px solid #999"}>
<Text style={textStyles} color="#999" fontSize="20px">
Drop items here
</Text>
</DragAndDrop>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
dragging |
bool |
false |
Show that the item is being dragged now. | ||
isDropZone |
bool |
false |
Sets the component as a dropzone | ||
onDrop |
function |
Occurs when the dragged element is dropped on the drop target |