Components/DragDropArea

DragDropArea

Accessible file drag-and-drop zone with hover highlight state.

Installation

Examples

Drop zone

Drag files over to see the highlight state.

Drag files here

or click to browse

API Reference

PropTypeDefaultDescription
onDrop(items: DataTransfer) => voidCalled when files are dropped.
onDragOver(e: DragEvent) => voidCalled on drag-over.
acceptstringAccepted MIME types for visual hint.
disabledbooleanfalseDisables drop interaction.
children*ReactNoderequiredContent inside the drop zone.