Skip to main content

DropZone

DropZone — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

DropZone — Prism component.

Accessibility

Always render a visible <label> (the label prop wires htmlFor/id for you). Errors set aria-invalid and are announced via aria-describedby. Required fields expose aria-required.

Import

const { DropZone } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
titlestring
hintstring
acceptstringAccept filter, e.g. "image/*,.pdf".
multipleboolean
isDisabledboolean
onFiles(files: FileList) =&gt; void
iconReact.ReactNodeOverride the default upload icon.
classNamestring