File Upload with Preview

​

Installation

npx shadcn@latest add @blocks/file-upload-01

​

Usage

import FileUpload01 from "@/components/file-upload-01"

export default function Page() {
  return <FileUpload01 />
}

​

Features

• Drag and drop file upload functionality
• Click to browse file selection
• Image preview with thumbnails
• Upload progress tracking for each file
• File removal capability
• Project name and project lead selection
• Responsive design with card layout
• Help tooltip with upload instructions
• File size display
• Multiple file support