Imagine ArtDrop Zone
View in FigmaA dedicated file drop area with drag-over feedback, file validation, and loading state.
FormsImport
import { DropZone } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| onDrop | (files: File[]) => void | — | Callback with dropped files. |
| accept | string | — | Accepted file types (e.g. 'image/*'). |
| multiple | boolean | false | Allow multiple files. |
| maxSize | number | — | Maximum file size in bytes. |
| variant | "default" | "colored" | "default" | Visual style. |
| size | "sm" | "md" | "lg" | "md" | Drop zone dimensions. |