Chunked Upload

About this piece

Parallel chunk uploader visualizing 16 part tiles tinted by done, uploading, or pending states.

Usage

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

import { Upload17 } from "@/components/beste/piece/upload17";

<Upload17
  filename="raw-footage-reel.mp4"
  chunks={16}
  chunkStatuses={[
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "done",
    "uploading",
    "uploading",
    "pending",
    "pending",
    "pending",
    "pending",
    "pending"
  ]}
  overallPercent={58}
  tone="primary"
  bordered={false}
/>