Workspace
FileUpload
A queue of files with progress, retry and remove
screenshot.png
report.pdf
release-notes.md
Usage
import { FileUpload, type UploadFunction } from "@gpuixui/media";
const upload: UploadFunction = async (file, onProgress) => {
await transfer(file.path, (fraction) => onProgress(fraction));
};
<FileUpload
upload={upload}
files={files}
onRemoveFile={(id) => setFiles(files.filter((file) => file.id !== id))}
/>;API
| Prop | Type | Default |
|---|---|---|
upload | UploadFunction (required) | — |
files | ReadonlyArray<UploadFile> (required) | — (a value that is not a list carries no files; a blank or non-text name reads as the file's id) |
onRemoveFile | (id: string) => void | — |
label | string | "Upload files" |
emptyLabel | string | "No files" |
retryLabel | string | "Retry" |
removeLabel | string | "Remove" |
className | string | — |
Edit this page on GitHubpackages/media/docs/file-upload.mdx