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) => void—Called when files are dropped.
onDragOver(e: DragEvent) => void—Called on drag-over.
acceptstring—Accepted MIME types for visual hint.
disabledbooleanfalseDisables drop interaction.
children*ReactNoderequiredContent inside the drop zone.