Dropzone

Installation

No MCP yet? Connect your agent.

Capabilities

  • Drag and drop files to upload
  • Customize the empty state and content
  • Intelligently handle file types, sizes, and counts
  • Show file names and sizes in a human readable format
  • Handle errors and reject files
  • Disable the dropzone when needed
  • Customize the appearance with className
  • Show file previews for images
  • Replace existing files by dragging new ones
  • Context provider for accessing dropzone state

Variations

  • With min and max sizes
  • Multiple files
  • Images only
  • With custom empty state
  • Showing an image preview