React File Upload Button

Basic Usage

import UploadButton from 'react-file-upload-button';

function App() {
  const handleFileUpload = (file) => {
    console.log('File uploaded:', file);
  };

  const handleError = (error) => {
    console.error('Upload error:', error);
  };

  return (
    <UploadButton
      onFileUpload={handleFileUpload}
      onError={handleError}
    />
  );
}

Advanced Configuration

<UploadButton
  maxSizeMB={10}
  restrictFileSize={true}
  allowedFileTypes={['.pdf', '.jpg', '.png']}
  onFileUpload={handleFileUpload}
  onError={handleError}
  progressBarInterval={100}
  showPreview={true}
  showFileIcon={true}
  uploadText="Drag & Drop or Click"
  subText="Max size: 10MB"
/>

Available Props

Key Features