Default File Uploader
retab-ui/dropzone-file-uploader-exampleFreeBlock
The standard visual file uploader built on the headless dropzone primitive.
Install it
npx shadcn@latest add https://ui.retab.com/r/dropzone-file-uploader-example.jsonSource
1"use client";23import { FileUploader } from "@/components/ui/file-uploader";45import { type DropzoneExampleProps } from "./dropzone-example-shared";67export function DefaultFileUploaderExample({8 className,9}: DropzoneExampleProps) {10 return (11 <section className={className}>12 <FileUploader13 accept=".pdf,.doc,.docx,.xls,.xlsx,.csv,.png,.jpg,.jpeg,application/pdf,image/png,image/jpeg,text/csv"14 className="min-h-[28rem] justify-start pt-8"15 description="PDF, DOCX, XLSX, CSV, PNG, or JPG"16 maxFiles={6}17 multiple18 title="Default file uploader"19 />20 </section>21 );22}
What it pulls in
npm packages
Other registry items
Files it writes
More from retab-ui
All 130 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Classify Consensusclassify-consensus-viewer-block | retab-ui | Blocks | Free | 1 dep · 4 files | |
| CSV Sourcescsv-sources-block | retab-ui | Blocks | Free | no deps · 2 files | |
| DOCX Sourcesdocx-sources-block | retab-ui | Blocks | Free | no deps · 2 files | |
| Avatar Image Slotdropzone-avatar-image-slot | retab-ui | Blocks | Free | 1 dep · 2 files | |
| Dropzonedropzone-block | retab-ui | Blocks | Free | 1 dep · 26 files | |
| Comparison Pairdropzone-comparison-pair-upload | retab-ui | Blocks | Free | 1 dep · 2 files | |
| Controlled Queuedropzone-controlled-queue | retab-ui | Blocks | Free | 1 dep · 2 files | |
| Custom Thumbnail Griddropzone-custom-thumbnail-grid | retab-ui | Blocks | Free | 1 dep · 2 files |
