Skip to main content

Installation

npx shadcn@latest add @blocks/file-upload-01
This installs the component and required dependency (lucide-react).

Usage

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

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

Features

This component includes:
  • 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

Build docs developers (and LLMs) love