UploadItem

Use UploadItem

UploadItem is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, UploadList, UploadItem } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <UploadList label="Uploads">
        <UploadItem name="Brand guidelines.pdf" size={2400000} state="uploading" progress={45} />
      </UploadList>
    </FloodRoot>
  );
}

Design notes

• Queued/uploading can expose cancel; error/cancelled can expose retry; settled rows can expose remove.
• Unknown progress is indeterminate. StatusIndicator and Progress remain distinct reused primitives; their row can wrap when the list container is constrained. No network or upload queue is built in.

API reference