File Upload

Below is a collections of various file upload components for single file, multiple files, image files

SingleFileUpload

Click to upload or drag and drop

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/SingleFileUpload.json

Props

PropTypeDefaultDescription
onFileChange
(files: File) => void
-

sets the selected file

Usage

MultipleFileUpload

Click to upload or drag and drop multiple files

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/MultipleFileUpload.json

Props

PropTypeDefaultDescription
onFilesChange
(files: File[]) => void
-

sets the list of selected files

Usage

ImageUpload

Click to upload or drag and drop image files

Installation

$ pnpm dlx shadcn@latest add https://pulseui-henna.vercel.app/registry/ImageUpload.json

Props

PropTypeDefaultDescription
onFilesChange
(files: File[]) => void
-

sets the list of selected image files

Usage