Dropzone - Empreint

A file upload area supporting both drag-and-drop and click-to-browse. Compound API with DropzoneLabel, DropzoneArea, DropzoneEmpty, DropzonePreview, and DropzoneRemove.

Upload a file

import { Dropzone } from "@empreint/ui";

<Dropzone onChange={(file) => console.log(file)}>
	<DropzoneLabel>Upload</DropzoneLabel>
	<DropzoneArea>
		<DropzoneEmpty>Click or drop here</DropzoneEmpty>
		<DropzonePreview />
	</DropzoneArea>
	<DropzoneRemove>
		<button>Remove</button>
	</DropzoneRemove>
</Dropzone>

Props

Prop

Type

CSS Variables

Prop

Type