@logicamente.info/react-drop-component NPM

DropComponent

This is a direct modification of Romgrk's DropZone for better management of the component and handling of files.

npm i -S @logicamente.info/react-drop-component

import { DropComponent } from '@logicamente.info/react-drop-component'

<DropComponent onDrop={(file, text) => console.log(file, text)} />

Name	Description	Default
`onDrop` (required)	called when a file is dropped or selected. Signature: `(file: HTML5File, text: String)`
`handleClick`	Handle click events on the rendered component	`true`
`dontRead`	Prevent reading the file content, if it's causing problems	`false`
`label`	Label on the component	`Select or Drop your file here`
`multiple`	Allows user to select or drop multiple files for each input	`false`
`accept`	File types that user can drop or pick from the file input dialog box	`*`

The component overwrites the onDrag/DragEnter/.../Drop props of the render function child.

4 years ago