- Docs
- components
- Dropzone
Dropzone
A drop zone is an area into which one or multiple objects can be dragged and dropped.
This project is archived.
shadcn/ui now officially supports React Aria Components. Use shadcn/ui instead
A drop zone is an area into which one or multiple objects can be dragged and dropped.
There is no native element to implement a drop zone in HTML. DropZone helps achieve accessible dropzone components that can be styled as needed.
npx shadcn@latest add https://jollyui.dev/default/dropzoneA DropZone uses the following components, which may also be used standalone or reused in other components.
A FileTrigger allows a user to access the file system with any pressable React Aria or React Spectrum component, or custom components built with usePress.
To allow the selection of files from the user's device, pass FileTrigger as a child of DropZone.