.. | ||
DragAndDrop.styled.ts | ||
DragAndDrop.tsx | ||
DragAndDrop.types.ts | ||
get-files-from-event.ts | ||
index.tsx | ||
README.md |
DragAndDrop
Drag And Drop component can be used as Dropzone
See documentation: https://github.com/react-dropzone/react-dropzone
import { DragAndDrop } from "@docspace/shared/components";
<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 |