Skip to main content

​
Installation

npx shadcn@latest add @blocks/file-upload-03
This installs the component and required dependencies (lucide-react, react-dropzone).

​
Usage

import FileUpload03 from "@/components/file-upload-03"

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

​
Features

This component includes:
  • Multi-file drag and drop using react-dropzone
  • Visual feedback on drag active state
  • File list with preview cards
  • Individual file removal
  • File size display in bytes
  • Bucket name and visibility settings
  • Responsive grid layout
  • Maximum file size information (50MB)
  • Upload and cancel actions

Build docs developers (and LLMs) love

Get started for freeTalk to us