UploadQueue
Feedback

UploadQueue.

Track upload progress and expose pause, retry, cancel, and remove actions.

Real interactive component
Live demo
Uploads1 / 3 complete
design-system.png205.1 KB · uploading
documentation.md11.7 KB · completed
backup.zip488.3 KB · failed
Network interrupted

Preview simulates state transitions; no network uploads.

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.

7 props
ParameterTypeRequiredDefaultPossible valuesDescription
itemsUploadTask[]Yes——Uploads with status and progress.
onPause(id:string)=>voidNo——Pause an in-progress upload.
onResume(id:string)=>voidNo——Resume a paused upload.
onRetry(id:string)=>voidNo——Retry an unsuccessful upload.
onCancel(id:string)=>voidNo——Cancel a pending upload.
onRemove(id:string)=>voidNo——Remove an item from the UI queue.
classNamestringNo——Additional CSS class on the outer component element.