Dropzone
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
Loading…
With Files#
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| onFiles | ((files: File[]) => void) | undefined | — | Fired with the dropped or selected files. |
| accept | string | undefined | — | Limit accepted MIME types or extensions. Forwarded to the hidden input + filtered on drop. |
| multiple | boolean | undefined | true | Allow multiple files. Default true. |
| title | ReactNode | Drop files to ingest | Heading text. Default "Drop files to ingest". |
| description | ReactNode | — | Subtitle / hint text rendered below the title. |
| icon | ReactNode | ↥ | Glyph at the top of the surface. Default `↥`. |
| disabled | boolean | undefined | — |