← ui-lab

Dropzone

A file-upload area that accepts files two ways: through the native file input (click or keyboard) and by drag-and-drop. Dragging files over the zone highlights it; dropping them — or choosing them through the input — lists the file names and announces how many were selected in a live region.

Preview

No files selected

Installation

npx shadcn@latest add https://ui.publictheta.com/r/dropzone.json

Conformance

This component conforms to the @publictheta/ui-spec dropzone specification. Run the suite against any implementation with pnpm conformance.