File Upload with Progress

​

Installation

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

​

Usage

import FileUpload05 from "@/components/file-upload-05"

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

​

Features

• Simple drag and drop interface
• File browser with custom label styling
• Upload icon for visual clarity
• File information display (name, size, status)
• Completed file preview card
• Remove file button
• Maximum file size recommendations (10 MB)
• Accepted file types display (XLSX, XLS, CSV)
• Responsive layout for mobile and desktop
• Cancel and upload actions