File Upload Drag & Drop

A drag-and-drop file upload area for CSV, XLSX and XLS files with type validation, an upload progress bar and cancel action.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds File Upload Drag & Drop to your project and fits it to your theme.

"use client";

import FileUpload04 from "@/components/ui/file-upload-04";

export default function DemoFileUpload04() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center bg-background p-6">
      <FileUpload04 />
    </div>
  );
}