📤 File Upload Demo

Drag-and-drop file upload with support for PDF, Word, Excel, and Images

FileUploadField Component

This component supports drag-and-drop file uploads with validation, preview, and download capabilities.

Note: FileUploadField requires a real record ID and field ID. Visit Records to upload files to actual records.

✅ Supported Formats

  • • PDF Documents
  • • Microsoft Word (.doc, .docx)
  • • Microsoft Excel (.xls, .xlsx)
  • • Images (PNG, JPG, GIF)

✅ Features

  • • Drag-and-drop interface
  • • File size validation (100MB limit)
  • • File preview and download
  • • File deletion

Usage Example

<FileUploadField
  recordId="record-123"
  fieldId="field-456"
  fieldLabel="Upload Document"
  required={false}
  onUploadComplete={() => {
    // Handle upload completion
  }}
/>