XDropzone

XDropzone is a React component designed for handling file uploads using Mantine UI, Next.js 14, and Amazon AWS S3. It provides a simple and customizable file dropzone with features like file type validation, error notifications, and progress indicators.

Installation

npm install xdropzone

Usage

import XDropzone from 'xdropzone';

const YourComponent = () => {
  return (
    <div>
      <h1>Your Component</h1>
      <XDropzone />
    </div>
  );
};

export default YourComponent;

Dependencies

• @mantine/core
• @tabler/icons-react
• @mantine/dropzone
• react

Peer Dependencies

• @mantine/notifications

Example

import XDropzone from 'xdropzone';

const ExampleComponent = () => {
  return (
    <div>
      <h1>Example Component</h1>
      <XDropzone />
    </div>
  );
};

export default ExampleComponent;

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Author

Milan Thakur milan@xbesh.com

Thank you! Please feel free to contribute and use this code anywhere.