FileDropzone.
Drop or select local files with type, size and count limits.
Drop files here or browse
Select files from your device
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
onFilesSelected | (files: File[]) => void | No | — | — | Receives validated selected or dropped local files. |
onError | (reason: string) => void | No | — | — | Receives a validation error message. |
label | string | No | Drop files here or browse | — | Primary upload prompt. |
description | string | No | Select files from your device | — | Supporting text. |
accept | string | No | — | image/* · .pdf · .png · application/json | Allowed MIME types or extensions. |
multiple | boolean | No | true | true · false | Allow more than one file. |
maxFiles | number | No | 10 | — | Maximum files per selection. |
maxSizeBytes | number | No | — | — | Optional individual-file size limit. |
disabled | boolean | No | false | true · false | Disable dropping and browsing. |
className | string | No | — | — | Additional CSS class on the outer component element. |