Skip to Content
SmartUI

Drop Zone

Upload area: drag files in, or press to choose them.

PDF, 1 to 5 files, up to 10 MB each

Usage

import { DropZone } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

  • Uploading results and documents.

When not to use

  • Profile photos.

Props

PropTypeDefaultDescription
acceptstring[]-MIME types.
maxFilesnumber1
maxSizeMBnumber-
hintstring-File rules, shown from the start.
files, onChangeFile[], (files) => void-

Accessibility

  • Works without dragging: Enter opens the file picker.

On this page