AI patterns

FileDropzone

Drag-and-drop uploader for documents, images, and audio fed to an AI pipeline.

Preview

Drop files or browse

application/pdf,image/* · up to 25 MB · max 10

Installation

pnpm add nyxis-ui

Usage

import { FileDropzone } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { FileDropzone } from 'nyxis-ui/file-dropzone';

<FileDropzone
  accept="application/pdf,image/*"
  maxSize={25 * 1024 * 1024}
  onFilesChange={(files) => upload(files)}
/>;