Package Exports

mui-file-uploader
mui-file-uploader/dist/mui-file-uploader.cjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (mui-file-uploader) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

MUI File Uploader

A simple and customizable file uploader component built with React, TypeScript, and Material-UI, designed to integrate seamlessly into your projects.

Features

Drag-and-drop file upload support.
Customizable styles using Material-UI.
File validation (size, type, etc.).
Multiple file upload support.
Lightweight and easy to use.

Installation

Install the package using npm or yarn:

npm install mui-file-uploader
# or
yarn add mui-file-uploader

Usage

Here’s a basic example of how to use the MUI File Uploader:

import React from "react";
import { FileUploader } from "mui-file-uploader";

const App = () => {
  const handleFilesChange = (files: File[]) => {
    console.log("Uploaded files:", files);
  };

  return (
    <div>
      <h1>Upload your files</h1>
      <FileUploader onFilesChange={handleFilesChange} />
    </div>
  );
};

export default App;

Props

Prop	Type	Default	Description
`onFilesChange`	`(files: File[]) => void`	`undefined`	Callback triggered when files are uploaded.
`maxFileSize`	`number`	`Infinity`	Maximum file size allowed (in bytes).
`acceptedTypes`	`string[]`	`[]`	Array of accepted file MIME types.
`multiple`	`boolean`	`true`	Allow multiple file uploads.

Development

To contribute or modify the package, clone the repository and install dependencies:

git clone https://github.com/your-repo/mui-file-uploader.git
cd mui-file-uploader
npm install

Run the development server:

npm start

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

This project is built using:

Feel free to contribute or report issues on the GitHub repository.