v0.5.1

File Upload

Drag-and-drop upload zone with file list and progress.

Drag & drop files here

or

Accepts PNG, JPG, PDF up to 10MB

Installation

npx paubha@latest add file-upload

Usage

import { FileUpload, FileUploadItem, FileUploadList } from "@/components/ui/file-upload";

<FileUpload onFilesChange={(files) => console.log(files)} />
<FileUploadList>
  <FileUploadItem name="brief.pdf" size="1.2 MB" progress={40} />
</FileUploadList>

Examples

Upload list

brief.pdf

1.2 MB

moodboard.png

840 KB

Feature List

Stacked marketing feature rows with icons and dividers.

Filter

Filter bar, chips, and active-filters row for data views.

On this page

InstallationUsageExamplesUpload list