Upload Progress
Loaders
Source and install need .
pnpm dlx shadcn@latest add @assembli/upload-toastUpload Toast
The upload tray that sits in a corner while files go up: batch total, time left and an overall bar in the header, and a collapsible list with a file-type icon and progress ring per file. Hover a ring to cancel, retry a failed file, and close the summary when everything has landed.
Props
Other props pass through to the root element.
files*
UploadFile[]
eta
string
Remaining time for the batch, e.g. "about 8s left".
onCancel
(id: string) => void
onRetry
(id: string) => void
onClose
() => void
defaultOpen
boolean
Default
true
| Prop | Type | Default | Description |
|---|---|---|---|
| files* | UploadFile[] | – | |
| eta | string | – | Remaining time for the batch, e.g. "about 8s left". |
| onCancel | (id: string) => void | – | |
| onRetry | (id: string) => void | – | |
| onClose | () => void | – | |
| defaultOpen | boolean | true |
