DropZone

Drop files or other content onto a target.

Documentation
React Aria
Source
GitHub
Issues
Report
Drop here
Drag me
DropZone example
import { DropZone } from "@/shim-ui/drop-zone";

export default () => (
  <>
    <DropZone>
      <span slot="label">Drop here</span>
    </DropZone>

    <div
      className="w-max rounded-sm bg-neutral-base px-2 py-1 shadow-sm"
      draggable="true"
    >
      Drag me
    </div>
  </>
);

Install

Use the CLI or copy the source code manually.

pnpm dlx @kkga/shim add drop-zone