Dropzone

Upload area: click or drop files to pick them. Tints accent while a file drag hovers; dropped files are filtered by accept.

Previewlive — edit controls below

Content

Width

Height

label

hint

State

multiple

Invoice upload

import { Dropzone } from "@loom/muslin-react";

<Dropzone
  accept=".pdf"
  multiple
  label="Drop invoices here"
  hint="PDF up to 10 MB, or click to browse"
  onFiles={(files) => upload(row.id, files)}
/>

Custom width

import { Dropzone } from "@loom/muslin-react";

<Dropzone className="max-w-[600px]" onFiles={(files) => upload(files)} />