Dowe

FORM

Dropzone

Dropzone makes file intake explicit with accepted types, size limits, previews, removal, and portable disabled states.

PLAYGROUND

Collect profile images

Accept only images, keep one file per profile, and cap the payload before it enters the upload workflow.

Profile image

Drop a profile image here or click to browse

PNG, JPEG, or WebP up to 5 MB.

Web shows drag state, previews, file size, and removal. iOS opens UIDocumentPicker through fileImporter, while Android opens its native document selector and applies the same type, count, and size rules.

Dropzone accept:"image/*" multiple:false maxSize:5242880 name:"profile-image" label:"Profile image" helpText:"PNG, JPEG, or WebP up to 5 MB." placeholder:"Drop a profile image here or click to browse" variant:"outlined" scheme:"primary" size:"lg"

FILE POLICIES

Make the intake match the job

accept, multiple, and maxSize describe the file contract before a user starts selecting files.

Research files

Drop reports or browse

PDF documents, up to 10 MB each.

Data exports

Drop CSV exports or browse

CSV files, up to 2 MB each.

Demo video

Drop a demo video or browse

One video, up to 50 MB.

Release bundle

Drop the bundle or browse

One ZIP archive, up to 100 MB.

Dropzone accept:"application/pdf" multiple:true maxSize:10485760 name:"research-files" label:"Research files" helpText:"PDF documents, up to 10 MB each." placeholder:"Drop reports or browse" variant:"soft" scheme:"info" size:"md"
Dropzone accept:"text/csv" multiple:true maxSize:2097152 name:"data-files" label:"Data exports" helpText:"CSV files, up to 2 MB each." placeholder:"Drop CSV exports or browse" variant:"solid" scheme:"success" size:"md"

STATES AND SURFACES

Design for success and correction

errorText keeps rejection feedback attached to the field, while disabled preserves the upload contract without accepting interaction.

Asset library

Drop assets or browse

One file is larger than the 1 MB limit.

Configuration snapshot

Upload unavailable

Uploads are locked while the workspace is syncing.

Small

Small dropzone

Medium

Medium dropzone

Large

Large dropzone

BEHAVIOR

One safe file surface

Dowe owns file filtering, drag state, preview summaries, size rejection, and removal affordances in generated target code.

FILTERING

Types and size

accept, multiple, and maxSize create a visible intake policy before files are selected.

FEEDBACK

Attached errors

errorText and helpText keep correction and guidance close to the drop target.

TARGETS

Native picker

Web keeps drag and drop; iOS and Android open the system file selector, filter accept and maxSize, and render the selected names and sizes.

API

Props

Dropzone also accepts the applicable common spacing, sizing, typography, visibility, accessibility, and shadow props.

Prop	Type	Default
No data There are no records to display

No data