File Upload

Drag-and-drop file upload zone with file type and size info.

Preview

Drag & drop upload

Drop assets here or click to upload. Max 50MB.

Installation

terminal
$
Other package managers 
bunx --bun shadcn@latest add https://trents.tech/r/file-upload.json

Usage

file-upload-demo.tsx
import FileUpload from "@/components/blocks/file-upload"

export default function FileUploadDemo() {
  return (
    <FileUpload
      // Update copy and accepted file types.
      title="Drag & drop upload"
      description="Drop assets here or click to upload. Max 50MB."
      accept=".png,.jpg,.pdf,.svg"
    />
  )
}
0