21 lines
572 B
TypeScript
21 lines
572 B
TypeScript
import React from "react";
|
|
import Dropzone from "../../";
|
|
|
|
export const dropzone = (
|
|
<Dropzone
|
|
onDrop={(files) => console.log(files)}
|
|
onFileDialogCancel={() => console.log("onFileDialogCancel invoked")}
|
|
onFileDialogOpen={() => console.log("onFileDialogOpen invoked")}
|
|
>
|
|
{({ getRootProps, getInputProps, open }) => (
|
|
<div {...getRootProps()}>
|
|
<input {...getInputProps()} />
|
|
<p>Drop some files here.</p>
|
|
<button type="button" onClick={open}>
|
|
Open file dialog
|
|
</button>
|
|
</div>
|
|
)}
|
|
</Dropzone>
|
|
);
|