DropFileArea

3p-core v2.1.4

---

3p-core / DropFileArea

Variable: DropFileArea

const DropFileArea: React.FC<IDropFileAreaProps>

A drag-and-drop file upload area that optionally validates file types.

Remarks

• Supports drag-and-drop and manual file selection.
• If allowedTypes is provided, files are validated before being accepted.
• Displays errors and shows the selected file name.

Examples

Accept only Excel files:

<DropFileArea
  selectedFile={file}
  onFileSelected={setFile}
  error={error}
  setError={setError}
  allowedTypes={[MimeTypes.XLSX, MimeTypes.XLS]}
/>

Accept any file without validation:

<DropFileArea
  selectedFile={file}
  onFileSelected={setFile}
  error={error}
  setError={setError}
/>