Multi-File Queue

About this piece

Stacked upload list with done, uploading, and failed rows each ending in the matching status icon.

Usage

The import and the props worth knowing about, in one place.

import { Upload13 } from "@/components/beste/piece/upload13";

<Upload13
  files={[
    {
      "filename": "brand-guide.pdf",
      "size": "4.2 MB",
      "state": "done"
    },
    {
      "filename": "hero-video.mov",
      "size": "312 MB",
      "state": "uploading",
      "percent": 62
    },
    {
      "filename": "pricing.xlsx",
      "size": "2.1 MB",
      "state": "failed"
    }
  ]}
  bordered={false}
/>