# Drop Zone (/forms/drop-zone)





<ComponentPreview name="drop-zone-preskok-demo" description="A dashed drop zone with label and description." />

## Installation [#installation]

```bash
npx shadcn@latest add @preskok/drop-zone
```

## Usage [#usage]

```tsx
import { DropZone } from "@/components/ui/preskok-ui/drop-zone"

export function Example() {
  return (
    <DropZone onDrop={() => {}}>
      <div slot="label">Drag and drop files here</div>
      <div slot="description">or click to select files</div>
    </DropZone>
  )
}
```

## Props [#props]

* Inherits all `react-aria-components` DropZone props