FileUpload
Drag-and-drop file input with validation and removable files.
Use FileUpload when readers need to choose or drop one or more files and review validation results.
Interactive example
Loading interactive example
API
| Member | Type | Kind | Required | Default |
|---|---|---|---|---|
accept | string | prop | No | undefined |
disabled | boolean | prop | No | false |
files | File[] | binding | No | [] |
hint | string | prop | No | undefined |
label | string | prop | No | undefined |
maxSize | number | prop | No | undefined |
multiple | boolean | prop | No | false |
onError | (error: FileUploadError) => void | callback | No | undefined |
onFilesChange | (files: File[]) => void | callback | No | undefined |
title | string | prop | No | 'Drop files here or click to browse' |
Source
Loading source