Dropzone

retab-ui/dropzone-block

FreeBlock

A file-uploader lab proving the headless dropzone primitive across default, non-button, native-button, controlled, validation-only, custom grid, upload progress, uploader-viewer, and disabled surfaces.

Install it

npx shadcn@latest add https://ui.retab.com/r/dropzone-block.json

Source

registry/new-york-v4/blocks/dropzone-block.tsxui.retab.com/r/dropzone-block.json

1"use client";
2 
3import { DropzoneShowcase } from "./dropzone-showcase";
4 
5export function DropzoneBlock() {
6  return (
7    <div className="bg-background h-full min-h-[760px] overflow-auto p-5">
8      <DropzoneShowcase />
9    </div>
10  );
11}

What it pulls in

npm packages

lucide-react

Other registry items

@retab/dropzone
@retab/file-viewer
@retab/file-size-format
@retab/file-uploader
@retab/file-thumbnail

Files it writes

registry/new-york-v4/blocks/dropzone-block.tsx
registry/new-york-v4/blocks/dropzone-showcase.tsx
registry/new-york-v4/blocks/dropzone-example-shared.tsx
registry/new-york-v4/blocks/dropzone-file-uploader-example.tsx
registry/new-york-v4/blocks/dropzone-file-viewer-example.tsx
registry/new-york-v4/blocks/dropzone-trigger-examples.tsx
registry/new-york-v4/blocks/dropzone-controlled-queue.tsx
registry/new-york-v4/blocks/dropzone-disabled-dropzone.tsx
registry/new-york-v4/blocks/dropzone-native-button-queue.tsx
registry/new-york-v4/blocks/dropzone-non-button-trigger.tsx
registry/new-york-v4/blocks/dropzone-validation-only.tsx
registry/new-york-v4/blocks/dropzone-file-examples.tsx
registry/new-york-v4/blocks/dropzone-avatar-image-slot.tsx
registry/new-york-v4/blocks/dropzone-custom-thumbnail-grid.tsx
registry/new-york-v4/blocks/dropzone-evidence-timeline.tsx
registry/new-york-v4/blocks/dropzone-media-transcript-queue.tsx
registry/new-york-v4/blocks/dropzone-spreadsheet-import-card.tsx
registry/new-york-v4/blocks/dropzone-uploader-viewer.tsx
registry/new-york-v4/blocks/dropzone-uploader-viewer-parts.tsx
registry/new-york-v4/ui/viewer.tsx
registry/new-york-v4/blocks/dropzone-workflow-examples.tsx
registry/new-york-v4/blocks/dropzone-comparison-pair-upload.tsx
registry/new-york-v4/blocks/dropzone-intake-router.tsx
registry/new-york-v4/blocks/dropzone-pinboard-drop-surface.tsx
registry/new-york-v4/blocks/dropzone-required-packet-slots.tsx
registry/new-york-v4/blocks/dropzone-upload-progress-queue.tsx

More from retab-ui

All 130 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
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
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
Disabled Dropzonedropzone-disabled-dropzone	retab-ui	Blocks	Free	1 dep · 2 files